ES6--解构

1   {
2     let [a]=[1,2]; // a=1 普通解构 
3     let [b] = []; // b=undefined 解构失败 无默认值 因此相当于定义一个没有显式赋值的变量: let b;
4 
5     let c=3,d=4;
6     [c,d]=[d,c]; // c=4 d=3 普通解构
7 
8   }

 1   {
 2     // 有默认值
 3     let [e=5]=[null]; // e=null 数组成员为 null 解构成功 默认值不生效 
 4     let [f=5]=[undefined]; // f=5 数组成员严格等于undefined 解构失败 默认值生效 
 5 
 6     // 默认值为表达式时惰性求值 即只有在用到的时候才求值
 7     function func(){return 6}
 8     let [g=func()]=[7]; // g=7 等号右边有对应值 解构成功 此时 g 就不会去获取默认值 因此 func() 也就不会执行
 9     let [h=func()]=[]; // h=6 解构失败 有默认值 此时表达式才会开始执行 即 func() 执行     
10   }

 1   {
 2     let [k,[[l], m]] = [9, [[10], 11]]; // k=9 l=10 m=11 嵌套解构
 3 
 4     // 引用解构赋值的其他变量 但该变量必需已经声明
 5     let [i=8,j=i]=[]; // h=8 i=8  前面先声明变量 i 然后赋值为 8 ，后面声明 j 然后赋值为 i ，此时 i 已经声明 解构成功
 6     // let [j=i,i=8]=[]; 报错 解析: 前面先声明变量 j 然后赋值为 i ，此时 i 还没有声明 解构失败
 7 
 8     let [,,n,...o] = [12, 13, 14,15,16]; // n=14 o=[ 15, 16 ] 解构特定的值 (想要获取数组最后一个元素，参考下面对象的解构赋值)
 9     // " , " 分隔开等号左右两边对应要解构的值，" ... " 获取剩余的值到对应变量，若剩余值为空，则返回空数组
10   }

1   {
2     let {b,a} = {a:"aaa",b:"bbb"}; // a=aaa b=bbb 对象赋值 必需对应属性名 与属性名次序无关
3     let {c}={d:"ddd"}; // c=undefined 没有对应属性名 即等号右边的对象找不到名称为 c 的属性，因此相当于 let c;    
4     let {x, y = 5} = {x: 1}; // x=1 y=5 x 获取等号右边的对应值 y 获取默认值
5   }

1     let {e:nameE,f:nameF}={e:"eee",f:"fff"}; // nameE=eee nameF=fff 输出 e f 会报错

1     let arr = [1, 2, 3, 4, 5];
2     let {0 : firstValue, [arr.length - 1] : lastValue} = arr; // 获取数组第一个以及最后一个元素

 1 {
 2   // 如果解构模式是嵌套的对象，而且子对象所在的父属性不存在，那么将会报错
 3   // let {foo: {bar}} = {baz: ‘baz‘}; 
 4   // 想象一个对象 let obj={a:111} 然后要求输出 obj.b 毫无疑问这样会报错
 5 
 6   // 对已经声明的变量结构赋值    
 7     // 错误写法
 8     // let g;
 9     // {g}={g:"ggg"};
10     // 解析: JavaScript 引擎会将{g}理解成一个代码块，从而发生语法错误
11 
12     // 正确写法
13     let g;
14     ({g}={g:"ggg"});    
15 
16     ({} = ‘hhh‘); // 没什么用但是语法上行得通
17   }

 1   {
 2     // 字符串 解构赋值时字符串被转换成了一个类似数组的对象
 3     let[a,b,c]=‘hello‘;
 4     // console.log(a,b,c);
 5 
 6     // 数值 解构赋值时 如果等号右边是数值和布尔值 则会先转为对象
 7     let {toString: d} = 123;
 8     d === Number.prototype.toString // true
 9 
10     // 布尔值
11     let {toString: e} = true;
12     e === Boolean.prototype.toString // true
13   }