- React工程師修煉指南
- 開課吧組編 高少云 莫濤 韓明洋 余維海編著
- 430字
- 2021-04-14 11:28:39
1.2 解構賦值
1.2.1 數組的解構
在ES5標準中賦值多個變量需要如下寫法:

ES6提供更加簡單的解構賦值來實現上述變量的定義:

等號右邊的值會按照順序依次賦值給左邊的變量。當然很多情況下,賦值并不是一一對應關系,比如:

上面不完全解構的情況同樣是可以使用的,但是也存下如下情況:

同樣也會出現右側參數值不對應的情況:

也可以通過“...”把特定的元素放在變量里:

數組解構可以互換變量,如需要互換a和b的值,在ES5中需要通過一個中間變量來實現,代碼如下:

在ES6中可以通過解構賦值來簡化上述過程,代碼如下:

1.2.2 對象的解構
對象解構寫法和數組解構類似,代碼如下:

上面結構的名稱name、age、height必須和對象里的下標保持一致,不然會報錯。同樣對象也可以解構多層對象,代碼如下:

當然在解構對象的時候也可以自定義變量名稱,代碼如下:

1.2.3 解構的默認值及參數的解構
不管是數組的解構賦值,還是對象的解構賦值都可以添加默認參數。代碼如下:


除了解構數組及對象之外,在函數參數中也是可以使用解構的,同樣參數解構也可以給默認參數。代碼如下:
