ECMA-Script6之Destructuring 解構

Destructuring 解構是一種賦值語法。
1.以前的書寫形式：

let a = 1;
let b = 2;
let c = 3;

使用結構賦值可以直接寫成

let[a,b,c] = [1,2,3];
let[a[b,c],d] = [1,[2,3],4];//其中[b,c]傳遞的是數組

2.注意：這裏的[1,2,3]並不是數組，而是爲了和前面的[a,b,c]相互對應。使1，2，3分別賦值給a，b，c。左右兩邊的括號要對應，不能一個是中括號，一個是大括號。
特殊情況：

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

這兩種情況是不會報錯的。但是第一種中，c的值爲undefined，因爲沒有值傳給他，第二種中的 4 會自動被忽略掉
3.使用對象進行賦值

let {name,age,id} = {name:"fish",age:11,id:110};

將對象{name:"fish",age:11,id:110}賦值給 {name,age,id} 這個對象
4.應用
1.交換變量的值

let a = 1;
let b = 2;
[a,b] = [b,a];

使用這種方法，可以保證在不引入第三個參數的情況下交換兩個變量的值。這是面試官經常會問到的問題
2.函數可以返回多個值

function name(){
    let q = 1;
    let w = 2;
    let e = 3;
    return [q,w,e];
}
var [a,b,c] = name();

這是相對於傳統的函數而言是不能做到的。同時返回多個變量的值。
3.改變函數的參數定義順序

function chan({var1,var2,var3}){
    console.log(var1,var2,var3);
}
//chan({var1:10,var3:5, var2:1 });
chan({var1:10,var3:5});

形參與實參的順序無關，相關的是參數名。當少形參時，對應的實參爲undefined。也可以給實參默認值，像：function chan({var1=10,var2=20,var3=30}){}。當形參有值時會覆蓋實參的默認值。