es6學習筆記4-解構賦值

1.數組解構
let [a, b, c,d] = [“aa”, “bb”, 77,88];
嵌套數組解構
let [a,b,[c,d],e] =[“aa”,’bb’,[33,44],55];
空缺變量
let [a,b,,e] =[“aa”,’bb’,[33,44],55];
多餘變量
let [a,b,,e,f] =[“aa”,’bb’,[33,44],55];
默認值
let [a,b,,e,f=’hello’] =[“aa”,’bb’,[33,44],55];
2.對象解構
let obj={uid:121,uname:’張三’};
let obj=new Object();
obj.uid=111;
obj.uname=’張三’;
let {uid:id,uname:name}=obj; //順序改變無影響
alert(name);
小括號：
let uid,uname;
({uid,uname} = obj); //必須有小括號，否則{}就會被解讀爲語句塊
alert(uname);;
可嵌套
可有默認值
3.字符串解構
let [a, b, c, d] =”倚天屠龍”;
console.log(a,b,c,d);
4.函數參數解構
function analysis({uid,uname}){
alert(uid);
alert(uname);
}
analysis(obj);
//——-以下也正確
let obj={uid:121,uname:’張三’};
function analysis({uname}){
alert(uname);
}
參數中數組、字符串、默認值、缺位均支持