ES6之解构赋值

数组解构

什么是解构？
按照一定的模式，从数组或对象中提取值，给变量进行赋值，这被称为解构。
其实我理解的本质是“模式匹配”，只要等号两边的模式相同，左边的变量就会进行赋值。

let [a,b,c,d]=[1,2,3,4]
//本质==》模式匹配
let {0:a,1:b,2:c,3:d}=[1,2,3,4]
//其中模式匹配指的是键的匹配，其中的键匹配就是模式匹配，变量再进行赋值

如果解构不成功，变量值就是undefined(变量没有找到对应的值，也是undefined)

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

let [a]=[]
a//undefined

还有一种情况就是不完全结构，就是变量的数量小于值的数量

let [a,b]=[1,2,3,4]
a//1
b//2

如果右边不是数组类型，就报错

let [foo] = 1;
let [foo] = false;
let [foo] = NaN;
let [foo] = undefined;
let [foo] = null;
let [foo] = {};

默认值
默认值只有数组成员严格等于（===）undefined时，默认值才会生效

let [a,b,c=0]=[1,2]
a//1
b//2
c//0,此时数组中时undefined,默认值生效
let [a,b,c=0]=[1,2,null]
a//1
b//2
c//null,只有全等于undefined时默认值才会生效

对象解构

对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值。

let {fun:foo,adc:bar}={fun:"sum",adc:"num"}
foo//sum
bar//num
其中fun,adc是匹配的模式，foo,bar是变量，是真正被赋值的
和数组赋值一样，匹配的模式不在数组中存在的话，那获得的值就是undefined
let {foo:foo,adc:bar}={fun:"sum",adc:"num"}
foo//undifined
adc//num

默认值

对象的解构也可以指定默认值。

var {x = 3} = {};
//	默认值生效的条件是，对象的属性值严格等于undefined。

具体的细节注意事项，更详细的看

ES6