ES6随笔D1

1.数值解构赋值

ES6 允许按照一定模式，可以从数组中提取值，按照对应位置，对变量赋值，这被称为解构。

解构赋值的规则是，只要等号右边的值不是对象或数组，就先将其转为对象。由于undefined和null无法转为对象，所以对它们进行解构赋值，都会报错。

　　数组

 

let [a,b,c] = [1,2,3];
a    //1
b    //2
c    //3

let [,,better]=[1,2,3];
better    //3

如果解构不成功，值为  underfind

let [ a , b ,  ...c] = ['a'];
a    //a
b    //underfind
c    //[]

事实上，只要某种数据结构具有 Iterator 接口，都可以采用数组形式的解构赋值。

解构是允许默认值的，默认值可以引用解构赋值的其他变量，但该变量必须已经声明。只有当赋值=== underfind时，默认值才生效。

let [a = '123' , b = '456' ] = ['c ' , 'underfind'];
a    //c
b    //'underfnd'

　　对象

 对象的解构属性没有次序，变量必须与属性同名，才能取到正确的值。

对象的解构赋值的内部机制，是先找到同名属性，然后再赋给对应的变量。真正被赋值的是后者，而不是前者。

 

 let {foo :baz } = {foo:'fiist',bar:'second'}; 
baz        // first
foo        //  error: foo is not defined

上面代码中，foo是匹配的模式，baz才是变量。真正被赋值的是变量baz，而不是模式foo。

 　注意

　　

// 错误的写法
let x;
{x} = {x: 1};
// SyntaxError: syntax error

上面代码的写法会报错，因为 JavaScript 引擎会将{x}理解成一个代码块，从而发生语法错误。只有不将大括号写在行首，避免 JavaScript 将其解释为代码块，才能解决这个问题。

// 正确的写法
let x;
({x} = {x: 1});