ES6-解构赋值

数组解构赋值：获取等号右边的值，赋给等号左边对应位置的变量
完全解构

let [a,b,c]=[1,2,3];
console.log(a,b,c);//控制台输出1 2 3

不完全解构：等号左边的模式只匹配右边的一部分

let [a,b]=[1,2,3];
console.log(a,b);//控制台输出 1 2

解构不成功，返回undefined

let [def,foo]=[];
console.log(def,foo);/f/控制台输出undefined undefined

可以指定默认值

let [a,b=1]=[2];//给b设定默认值
console.log(a,b)//控制台输出2 1

对象解构赋值：获取等号右边的值，找到等号左边同名属性（匹配的模式），赋给对应的变量

let {a:a1,b:b1}={a:1,b:2};//模式匹配 a是模式 a1是变量 a匹配等号右边同名属性a
console.log(a,b);//控制台输出 1 2

对象解构的默认值

let {a=3,b}={a:undefined,b:4}
console.log(a,b);//返回 3 4

注：undefined触发默认值，null不会触发默认值
数组是特殊的对象，可以将数组的位置索引作为属性名，按照对象解构方式，解构数组。

let {0:a,2:b}=[1,2];
console.log(a,b);//控制台输出 1 2

字符串解构赋值：将字符串转换成类似数组的对象，拥有length属性

let [a,b,c]='hello';//获取字符串元素的时候，表现像数组
let {length:len}='hello';//获取字符长度的时候，表现像对象
console.log(len);//控制台输出5
console.log(a,b,c);//控制台输出h e l

数字和布尔解构赋值：将值转成对象，调用包装
函数参数解构赋值：

function add([x,y]){
	return x+y;
}
console.log(add([1,2]));//控制台输出 3