數(shù)組的解構(gòu)賦值：
- ES6 允許按照一定模式，從數(shù)組和對象中提取值，對變量進(jìn)行賦值，這被稱為解構(gòu)。
let [a, b, c] = [1, 2, 3];
本質(zhì)上，這種寫法屬于“模式匹配”，只要等號兩邊的模式相同，左邊的變量就會被賦予對應(yīng)的值。而這種模式不需要完全匹配，只要匹配一部分也是可以的。
如果等號的右邊不是數(shù)組（或者嚴(yán)格地說，不是可遍歷的結(jié)構(gòu)，參見《Iterator》一章），那么將會報錯。而set則是可遍歷的結(jié)構(gòu)。
- 允許指定默認(rèn)值，但是僅當(dāng)數(shù)組對應(yīng)的成員===undefined時才會生效。如下例，是null的時候仍然會賦值成功。
let [x = 1] = [undefined];
x // 1
let [x = 1] = [null];
x // null
如果默認(rèn)值是一個表達(dá)式，那么這個表達(dá)式是惰性求值的，即只有在用到的時候，才會求值。
默認(rèn)值可以引用解構(gòu)賦值的其他變量，但該變量必須已經(jīng)聲明。
對象的解構(gòu)賦值
對象的解構(gòu)與數(shù)組有一個重要的不同。數(shù)組的元素是按次序排列的，變量的取值由它的位置決定；而對象的屬性沒有次序，變量必須與屬性同名，才能取到正確的值。
必須要屬性名一致
let { foo: foo, bar: bar } = { foo: "aaa", bar: "bbb" };
ES6 的簡寫方法，如果對象的屬性名和值一樣則可以用foo代替foo：foo；
- 對象的解構(gòu)也可以指定默認(rèn)值。
默認(rèn)值生效的條件是，對象的屬性值嚴(yán)格等于undefined。 - 如果解構(gòu)失敗，變量的值等于undefined。
- 如果解構(gòu)模式是嵌套的對象，而且子對象所在的父屬性不存在，那么將會報錯。因為foo這時等于undefined，再取子屬性就會報錯
let {foo: {bar}} = {baz: 'baz'};
- 如果要將一個已經(jīng)聲明的變量用于解構(gòu)賦值，必須非常小心。
要避免JS引擎把 {} 理解為代碼塊
let x;
({x} = {x: 1});
- 對數(shù)組（特殊的對象）也可以進(jìn)行這樣的結(jié)構(gòu)：
對應(yīng)的key是下標(biāo)值。
字符串解構(gòu)賦值
字符串也可以解構(gòu)賦值。這是因為此時，字符串被轉(zhuǎn)換成了一個類似數(shù)組的對象。
const [a, b, c, d, e] = 'hello';
a // "h"
b // "e"
c // "l"
d // "l"
e // "o"
其length也可以作為一個key值進(jìn)行解構(gòu)。
數(shù)值或布爾值的解構(gòu)賦值
解構(gòu)賦值的規(guī)則是，只要等號右邊的值不是對象或數(shù)組，就先將其轉(zhuǎn)為對象。先轉(zhuǎn)成對象再調(diào)用其tostring方法，由于undefined和null無法轉(zhuǎn)為對象，所以對它們進(jìn)行解構(gòu)賦值，都會報錯。
函數(shù)參數(shù)的解構(gòu)賦值
函數(shù)的參數(shù)也可以使用解構(gòu)賦值。
function add([x, y]){
return x + y;
}
add([1, 2]); // 3
上面代碼中，函數(shù)add的參數(shù)表面上是一個數(shù)組，但在傳入?yún)?shù)的那一刻，數(shù)組參數(shù)就被解構(gòu)成變量x和y
注意區(qū)分這兩種寫法：
- 前者代碼中，函數(shù)move的參數(shù)是一個對象，通過對這個對象進(jìn)行解構(gòu)，得到變量x和y的值。如果解構(gòu)失敗，x和y等于默認(rèn)值。
- 后者代碼是為函數(shù)move的參數(shù)指定默認(rèn)值，而不是為變量x和y指定默認(rèn)值，所以會得到與前一種寫法不同的結(jié)果。
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]
function move({x, y} = { x: 0, y: 0 }) {
return [x, y];
}
move({x: 3, y: 8}); // [3, 8]
move({x: 3}); // [3, undefined]
move({}); // [undefined, undefined]
move(); // [0, 0]
圓括號的禁止使用情況
（1）變量聲明語句
（2）函數(shù)參數(shù)
（3）賦值語句的模式
可以使用的只有一種情況：賦值語句的非模式部分，可以使用圓括號。
如：
[(b)] = [3]; // 正確
({ p: (d) } = {}); // 正確
[(parseInt.prop)] = [3]; // 正確
解構(gòu)賦值的用途
- swap
let x = 1;
let y = 2;
[x, y] = [y, x];
- 函數(shù)只能返回一個值，如果要返回多個值，只能將它們放在數(shù)組或?qū)ο罄锓祷?。有了解?gòu)賦值，取出這些值就非常方便。
function example() {
return [1, 2, 3];
}
let [a, b, c] = example();
- 解構(gòu)賦值可以方便地將一組參數(shù)與變量名對應(yīng)起來。
// 參數(shù)是一組有次序的值
function f([x, y, z]) { ... }
f([1, 2, 3]);
// 參數(shù)是一組無次序的值
function f({x, y, z}) { ... }
f({z: 3, y: 2, x: 1});
- 解構(gòu)賦值對提取 JSON 對象中的數(shù)據(jù)，尤其有用。
let jsonData = {
id: 42,
status: "OK",
data: [867, 5309]
};
let { id, status, data: number } = jsonData;
console.log(id, status, number);
// 42, "OK", [867, 5309]
- 指定參數(shù)的默認(rèn)值
jQuery.ajax = function (url, {
async = true,
beforeSend = function () {},
cache = true,
complete = function () {},
crossDomain = false,
global = true,
// ... more config
} = {}) {
// ... do stuff
};
- 用這種方式遍歷（也有些像vue的結(jié)構(gòu)）
for (let [key, value] of map)
