解構賦值

陣列解構

兩邊有相同結構，一一對應賦值，解構不成功自動賦值undefined，如[a,b] = [1,2],若左邊陣列多個變數c，c解構不成功被賦值undefined

引數預設值

• [a= 10,b =5] = [2,3],若右側不傳值，會使用預設值，傳值會把預設值覆蓋
• 右側的值只有嚴格等於（===）undefined（直接寫undefined或不寫），左側才會使用預設值，'undefined'和null都會覆蓋預設值
• 若預設值是一個表示式，那只有在用到預設值時才會執行表示式（惰性求值）
• 預設值可以引用解構賦值的其他變數，但該變數必須是一件宣告的變數
• 常用於函式的形參

物件解構

特點

• 兩邊結構相同

• 物件屬性無序

• 變數名必須等於屬性名

  • 如解構失敗，變數名賦值undefined

內部機制

• 物件的解構賦值的內部機制，是先找到同名屬性，然後再賦給對應的變數。真正被賦值的是後者，而不是前者。
• let { foo: foo, bar: bar } = { foo: 'aaa', bar: 'bbb' }; 其中前一個foo是匹配的模式，後一個foo才是被賦值的變數
• 物件的解構賦值是以上形式的簡寫
• 利用該機制可將物件屬性賦值給不同名的變數
• 物件的解構賦值可以取到繼承的屬性，其原型的屬性

預設值

• 和陣列解構相同，預設值生效的條件時物件的屬性值嚴格等於undefined

巢狀結構

• 由於沒有陣列的一一對應，可以有多個變數獲取一個物件中不同巢狀層級的子物件
• 如果解構模式是巢狀的物件，而且子物件所在的父屬性不存在，那麼將會報錯。

應用

• 可提取已存在物件的屬性方法

注意

1，對已經宣告的變數進行解構賦值，應將整個解構賦值表示式用（）括起，避免解構物件寫在行首被解析為程式碼塊

2，解構賦值左邊的模式中可以不放置變數，沒有效果，但不會報錯

3，陣列是特殊的物件，因此可以對陣列進行物件屬性的解構，如let {0 : first, [arr.length - 1] : last} = arr;取得陣列的第1個數和最後一個數

4，函式的形參若是一個物件等於一個物件，表示後一個物件為前一個物件的預設值，若外部傳入實參物件，只要不為undefined就會代替預設值賦給前一個物件，然後這兩個物件再進行解構賦值，等於進行了兩次解構賦值

5，其他資料型別的解構賦值

• 字串也可以解構賦值，此時字串會被轉換為一個類陣列物件，甚至可以取得其length屬性
• 數值和布林值也可以解構賦值，轉換為其包裝物件，可以獲取其具有的屬性，如toString
• undefined和null因無法轉換為物件，所以對其進行解構賦值會報錯

建議儘量不要在模式（物件解構內部機制中有提到）中用圓括號（）

• 變數宣告語句不能用
• 函式引數不能用
• 賦值語句的模式部分
• 只有賦值語句的非模式部分可以用

應用

交換變數值，如 [a,b] = [b,a]

從陣列或變數中取值

函式引數傳值及設定預設值

提取json資料

基礎決定未來，一步一個腳印