ES6特性：变量解构赋值

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。他是一种针对数组或者对象进行模式匹配，对其中的变量进行赋值，只要等号两边的模式相同，左边的变量就会被赋值。

解构模型

解构的源，解构赋值表达式的右边部分；解构的目标，解构表达式的左边部分

数组模型的解构

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

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

可忽略
let [a,,b]=[1,2,3];    // a=1  b=3

展开操作符
let [a,...b]=[1,2,3,4];    // a=1  b=[2,3,4]

字符串
在数组的解构中，解构的目标是可遍历对象，就可以进行解构赋值
let [a,b,c,d,e]="hello";    // a="h"  b="e"  c="l"  d="l"  e="o"

不完全解构
即等号左边的模式，只匹配一部分的等号右边的数组
let [a,b]=[1,2,3];    // a=1  b=2
let [a,[b],c]=[1,[2,3],4];    // a=1  b=2  c=4

解构不成功
如果解构不成功，变量的值等于undefined
let [a,b]=[1];    // a=1  b=undefined

默认值
ES6 内部使用严格相等运算符（===），判断一个位置是否有值。所以，只有当一个数组成员严格等于undefined，默认值才会生效。
let [a=1]=[];    // a=1
let [a=1]=[null];    // a=null
默认值可以引用解构赋值的其他变量，但是该变量必须已经声明，否则报错
let [a=1,b=a]=[];    // a=1  b=1
let [a=1,b=a]=[1,2];    // a=1 b=2
let [a=b,b=1]=[];    //报错

对象模型的解构

let {a,b}={a:'x',b:'y'};    // a='x'  b='y'
let {a:b}={a:'x'};    // b='x'

可嵌套可忽略
let obj={p:['x',{y:'z'}]};
let {p:[x,{y}]}=obj;    // x='x'  y='z'
let {p:[x,{}]}=obj;    // x='x'

不完全解构
let obj={p:[{a:'x'}]};
let {p:[{a},b]}=obj;    // a='x'  b=undefined

展开操作符
let {a,b,...rest}={a:10,b:20,c:30,d:40};    // a=10 b=20 rest={c:30,d:40}

默认值
let {a=10,b=5}={a:3};    // a=3  b=5
let {a:aa=10,b:bb=5}={a:3};    // aa=3  bb=5