ES6+ 中對(duì)象解構(gòu)小技巧

  1. 解構(gòu)的同時(shí)賦予初始值(使用 =)
let target = { name: 'Tony',age: 32 }
let { name,age, birth=1993 } = target
console.log(name, age, birth)
// Tony 32 1993

2.使用的變量名與解構(gòu)目標(biāo)的key不一致或要使用多個(gè)變量(使用 : )

let target = { name: 'Tony',age: 32 }
let let { name: firstName,  name: lastName,  age,  birth=1993 } = target
console.log(firstName, lastName, age, birth)
// Tony Tony 32 1993
  1. 解構(gòu)中的 rest(變量由多變少) 與spread(變量由少變多)
/* rest 例子 */
let arr =  [  'zhenganlin', 1, 2, 3 ]
function rest (...arg) {
  console.log(arg)
}
rest ( arr )
// log: [  'zhenganlin', 1, 2, 3 ]
function spread (a,b,c,d) {
  console.log(a,b,c,d)
}
spread ( ...arr )
// log:  'zhenganlin', 1, 2, 3
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 前面的話 我們經(jīng)常定義許多對(duì)象和數(shù)組,然后有組織地從中提取相關(guān)的信息片段。在ES6中添加了可以簡化這種任務(wù)的新特性...
    sunnyghx閱讀 765評(píng)論 0 0
  • 前面的話 ??我們經(jīng)常定義許多對(duì)象和數(shù)組,然后有組織地從中提取相關(guān)的信息片段。在ES6中添加了可以簡化這種任務(wù)的新...
    CodeMT閱讀 520評(píng)論 0 0
  • 這是16年5月份編輯的一份比較雜亂適合自己觀看的學(xué)習(xí)記錄文檔,今天18年5月份再次想寫文章,發(fā)現(xiàn)簡書還為我保存起的...
    Jenaral閱讀 2,831評(píng)論 2 9
  • 引入 在ES5中,開發(fā)者們?yōu)榱藦膶?duì)象和數(shù)組中獲取特定數(shù)據(jù)并賦值給變量,編寫了許多看起來同質(zhì)化的代碼 這段代碼從op...
    nengzhuan_zhang閱讀 626評(píng)論 0 0
  • 朋友的相處,不必暮暮朝朝,如澧如飴,朋友之真,是在相視一笑時(shí)的心意相通。有一種友情叫神交:一與見面,一語片刻。 每...
    媛雨薰閱讀 909評(píng)論 0 0