es6初学习

es6

• vscode中的一些快捷键

1. 单行注释或取消——Crtl+/
2. 块注释——Shift+Alt+A
3. 改变语言环境——Crtl+Shif+p
4. 新窗口——Crtl+Shift+N
5. 关闭窗口——Crtl+Shift+W
6. 删除行——Crtl+Shift+K
7. 在下面插入行——Crtl+Enter
8. 在上面插入行——Crtl+Shift+Enter
9. 向上/ 下复制行——Shift+Alt+ ↓ / ↑
10. 格式化代码——Shift+Alt+F
11. 搜索代码——Crtl+F

• 变量声明关键字

1. let-声明变量——会限制作用域，只能在当前的代码块作用域关于内部有效，并且不能被提前声明，也不能重名
2. const-声明常量——常量只能读取，不能修改
3. { }-块级作用域
4. 顶层对象-不同的环境中的顶层对象不一致，不同环境中的this不一致

• 变量的解构赋值——按照相同的结构对应给值

类似：

let [a,b]=[2,3];
let [a,[b,c],[[d,e]]]=[0,[1,2],[[3,4]]]; 

 但如果解构不成功，变量的值就等于undefined

如：

 let [a] = [];
 let [b, c] = [1];
 console.log(a);
 console.log(c);

 

1. ...  扩展运算符，用来拆分集合，扩展运算符只能放在最后面

如：

let a = [1, 2, 3];
let b = [...a];
console.log(b)

  2.解构赋值允许指定默认值

如：

 let [a = 0, b = 1] = [];
 console.log(a, b);

  3.对象解构赋值

对象里面找不到对应的属性也是undefined

如：

let { id, name } = { id: 10086, name: "张三" };
console.log(id, name);

 

解构时需要注意的问题：

1. 如果要将一个已经声明的变量用于解构赋值，必须非常小心。

// 错误写法
        {
            let x;
            {x}={x:1}
            console.log(x);
        }
// 正确写法
        {
            let x;
            ({x}={x:1});
            console.log(x);
        }

  2.解构赋值允许等号左边的模式之中，不放置任何变量名。因此，可以写出非常古怪的赋值表达式。

  3.由于数组本质是特殊的对象，因此可以对数组进行对象属性的解构。

  4.字符串的解构赋值——会默认转化为类数组，原理还是对象解构

  5.函数参数的解构赋值