ES6 學(xué)習(xí)(對(duì)象解構(gòu)篇)

- 對(duì)象解構(gòu)賦值

** 對(duì)象的取值是由屬性取值
對(duì)象的值也可以設(shè)置默認(rèn)值(見數(shù)組結(jié)構(gòu)篇) **

解構(gòu)例子

let { a,  b } = { a = "aaa", b = "bbb"};
a  //  "aaa"
b  //  "bbb"

如果變量名與屬性名不一致沒關(guān)系,可以用下面的方法

let {  a: b } = { a: "aaa" };
a  //  a is not defined
b  // "aaa"

模式不會(huì)被賦值

let obj = {
  person: {
    name : "Roy"
  }
}
let { person: { name }} = obj;
person  //  undefined
name  //  "Roy"

默認(rèn)值生效條件是對(duì)象的屬性值嚴(yán)格等于 undefined

let { a = 1 } = { a: undefined };
a  //  1
let { a = 1 } = { a: null };
a  // null

已聲明變量的解構(gòu)賦值必須非常小心

let a = "aaa";
{a} = { a: "bbb" };  //  error
正確寫法:
({a} = { a: "bbb" });
a  //  "bbb"
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容