ES6解构赋值

1、数组的解构赋值： 

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

let [x,y,...z] = [1,2,3,4,5,6,7,8];
console.log(x,y,z);

let arr = [1,2,3,4,5];
console.log(...arr);   //输出:1 2 3 4 5 

let [, , third] = ["foo","bar","baz"];
console.log(third);   //输出: baz

let [x,y,...z] = ["a"];
console.log(x,y,z);   //输出:"a" undefined []
	
//报错:
let [foo] = 1;
let [foo] = false;
let [foo] = NaN;
let [foo] = undefined;
let [foo] = null;
let [foo] = {};

let [foo = true] = [];
console.log(foo) //输出: true

let [x = 1] = [undefined];
let [y = 1] = [null];
console.log(x)   //输出: 1
console.log(y)   //输出: 1

2、对象的解构赋值：

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

let {foo,bar} = {bar:"acb",foo:"dce"};	
console.log(foo,bar);    //输出:dce abc

let {baz} = {foo:"aaa",bar:"bbb"};
console.log(baz);   //输出:undefined

let {foo:baz}