1 //2017/7/14 2 //变量的解构赋值(解构:Destructuring) 3 4 //(1)数组的解构赋值 5 6 let [a,b,c]=[1,2,3];//模式匹配,只要等号两边的模式相同,左边的变量就会被赋予对应的值。 7 8 //eg: 9 let [foo,[[bar],baz]]=[1,[[2],3]];10 console.log(foo);//111 console.log(bar);//212 console.log(baz);//313 14 let[,,third]=['foo','bar','baz'];15 console.log(third);//baz16 17 let [x,,y]=[1,2,3];18 console.log(x);//119 console.log(y);//320 21 let [head,...tail]=[1,2,3,4];22 console.log(head);//123 console.log(tail);//[2,3,4]24 25 //如果解析不成功,变量的值就等于undefined。26 //将剩余数组赋值给一个变量,下面例子中的y解析不成功,所以是undefined,剩余元素赋值给z,因此是一个空的数组。27 let[x,y,...z]=['a'];28 console.log(x);//a29 console.log(y);//undefined30 console.log(z);//[]31 32 //注意:如果剩余元素右侧有一个逗号,会抛出错误的异常,因此剩余元素必须是数组的最后一个元素。33 var [a,...b,]=[1,2,3];34 console.log(b);//报错:es6.html:285 Uncaught SyntaxError: Rest element must be last element35 36 37 //如果等号的右边不是数组(或者严格地说,不是可遍历的结构,参见《Iterator》一章),那么将会报错。38 // 报错39 let [foo] = 1;40 let [foo] = false;41 let [foo] = NaN;42 let [foo] = undefined;43 let [foo] = null;44 let [foo] = {}45 46 47 //解构赋值指定默认值48 //注意:ES6内部使用严格相等运算符(===),判断一个位置是否有值,所以,如果一个数组成员不严格等于undefined,默认值是不会生效的。49 50 let [x=1]=[];51 console.log(x);//152 53 let[x=2]=[1];54 console.log(x);//155 56 //以上例子说明,但右边对应数组有相应的元素的时,左边的默认值就会失效,只有当右边没有相应位置的元素时,左边默认值才会生效。57 58 59 //如果默认值是一个表达式,那么这个表达式是惰性求值的,即只有在用到的时候,才会求值。60 function f(){61 console.log('aaa');62 }63 64 let[x=f()]=[1];//因为x可以取到值,所以上面的f函数不会执行,上面的等价于下面的代码。65 66 67 68 69 let x;70 if([1][0]===undefined){71 x=f();72 }else{73 x=[1][0];74 }75 76 // 注意: [1] 是只含元素 1 的数组77 // [0] 是取数组的第 0 个元素78 // [1][0] 的结果就是 179 // [1][0] === undefined 只是个条件判断而已,即 1 === undefined80 81 82 //默认值可以引用解构赋值的其他变量,但该变量必须已经声明。83 84 let [x = 1, y = x] = []; // x=1; y=185 let [x = 1, y = x] = [2]; // x=2; y=286 let [x = 1, y = x] = [1, 2]; // x=1; y=287 let [x = y, y = 1] = []; // ReferenceError88 89 // 上面最后一个表达式之所以会报错,是因为x用到默认值y时,y还没有声明。