数组的解构赋值

let [foo, [[bar], baz]] = [1, [[2], 3]];
foo // 1
bar // 2
baz // 3

let [ , , third] = ["foo", "bar", "baz"];
third // "baz"

let [x, , y] = [1, 2, 3];
x // 1
y // 3

let [head, ...tail] = [1, 2, 3, 4];
head // 1
tail // [2, 3, 4]

let [x, y, ...z] = ['a'];
x // "a"
y // undefined
z // []

• 只要转换为对象或者本省具有 Iterator 接口就可以使用数组解构

let [x, y, z] = new Set(['a', 'b', 'c']);
x // "a"

• 默认值:ES6 内部使用严格相等运算符（ === ），判断一个位置是否有值。如果一个数组成员不严格等于 undefined ，默认值是不会生效的
  • 默认值是惰性求值的
  • 默认值可以引用解构赋值成功后的其他变量

对象的解构

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

var { foo: baz } = { foo: 'aaa', bar: 'bbb' };
baz // "aaa"

• 对象的解构赋值的内部机制，是先找到同名属性，然后再赋给对应的变量。真正被赋值的是后者，而不是前者。
• 默认值：默认值生效的条件是对象的属性严格等于 undefined
• 一些特殊的解构：

let x;
({x} = {x: 1});

({} = [true, false]);
({} = 'abc');
({} = []);

字符串的解构赋值

• 字符串被转换成了一个类似数组的对象

const [a, b, c, d, e] = 'hello';
a // "h"
b // "e"
c // "l"
d // "l"
e // "o"

• 类似数组的对象都有一个 length 属性

let {length : len} = 'hello';
len // 5

数值和布尔值的解构赋值

解构赋值时，如果等号右边是数值和布尔值，则会先转为对象。解构赋值的规则是，只要等号右边的值不是对象或数组，就先将其转为对象。由 于 undefined 和 null 无法转为对象，所以对它们进行解构赋值，都会报错。

let {toString: s} = 123;
s === Number.prototype.toString // true

let {toString: s} = true;
s === Boolean.prototype.toString // true

函数参数的解构赋值

function add([x, y]){
return x + y;
}
add([1, 2]); // 3

function move({x = 0, y = 0} = {}) {
return [x, y];
}
move({x: 3, y: 8}); // [3, 8]
move({x: 3}); // [3, 0]
move({}); // [0, 0]
move(); // [0, 0]