ES6學習筆記（一）-變數的解構賦值
摘要：
變數的解構賦值種類
解構（Destructuring）：ES6 允許按照一定模式，從陣列和物件中提取值，對變數進行賦值。
只有當一個數組成員嚴格等於（===） undefined ，包括空“ ” ，預設值才會生效，null不全等於undefined，預設值不會生效。
第一種：陣...
變數的解構賦值種類
解構（Destructuring）：ES6 允許按照一定模式，從陣列和物件中提取值，對變數進行賦值。
只有當一個數組成員嚴格等於（===） undefined ，包括空“ ” ，預設值才會生效，null不全等於undefined，預設值不會生效。
第一種：陣列的解構賦值
陣列的元素是按次序排列的，變數的取值由它的位置決定；
第二種：物件的解構賦值
先找到同名屬性，然後再賦給對應的變數。真正被賦值的是後者，而不是前者。
第三種：字串的解構賦值
字串被轉換成了一個類似陣列的物件。
第四種：數值和布林值的解構賦值
解構賦值時，如果等號右邊是數值和布林值，則會先轉為物件。
第五種：函式引數的解構賦值
函式 add 的引數表面上是一個數組，但在傳入引數時，陣列引數就被解構成變數 x 和 y 。
注意點：只要有可能，就不要在模式中放置圓括號（）,否則可能導致解構的歧義。
變數的解構賦值用途
變數的解構賦值用途很多
（1）交換變數的值
let x = 1; let y = 2; [x, y] = [y, x];
上面程式碼交換變數 x 和 y 的值，這樣的寫法不僅簡潔，而且易讀，語義非常清晰。
（2）從函式返回多個值
函式只能返回一個值，如果要返回多個值，只能將它們放在陣列或物件裡返回。有了解構賦值，取出這些值就非常方便。
// 返回一個數組
function example() {
return [1, 2, 3];
}
let [a, b, c] = example();
// 返回一個物件
function example() {
return {
foo: 1,
bar: 2
};
}
let { foo, bar } = example();
（3）函式引數的定義
解構賦值可以方便地將一組引數與變數名對應起來。
// 引數是一組有次序的值
function f([x, y, z]) { ... }
f([1, 2, 3]);
// 引數是一組無次序的值
function f({x, y, z}) { ... }
f({z: 3, y: 2, x: 1});
（4）提取 JSON 資料
解構賦值對提取 JSON 物件中的資料，尤其有用。
let jsonData = {
id: 42,
status: "OK",
data: [867, 5309]
};
let { id, status, data: number } = jsonData;
console.log(id, status, number);
// 42, "OK", [867, 5309]
上面程式碼可以快速提取 JSON 資料的值。
（5）函式引數的預設值
jQuery.ajax = function (url, {
async = true,
beforeSend = function () {},
cache = true,
complete = function () {},
crossDomain = false,
global = true,
// ... more config
} = {}) {
// ... do stuff
};
指定引數的預設值，就避免了在函式體內部再寫 var foo = config.foo || 'default foo'; 這樣的語句。
（6）遍歷 Map 結構
任何部署了 Iterator 介面的物件，都可以用 for...of 迴圈遍歷。Map 結構原生支援 Iterator 介面，配合變數的解構賦值，獲取鍵名和鍵值就非常方便。
const map = new Map();
map.set('first', 'hello');
map.set('second', 'world');
for (let [key, value] of map) {
console.log(key + " is " + value);
}
// first is hello
// second is world
如果只想獲取鍵名，或者只想獲取鍵值，可以寫成下面這樣。
// 獲取鍵名
for (let [key] of map) {
// ...
}
// 獲取鍵值
for (let [,value] of map) {
// ...
}
（7）輸入模組的指定方法
載入模組時，往往需要指定輸入哪些方法。解構賦值使得輸入語句非常清晰。
const { SourceMapConsumer, SourceNode } = require("source-map");