1. 程式人生 > >ECMAScript6 入門 變量的解析賦值

ECMAScript6 入門 變量的解析賦值

def 分享 位置 入門 truct 取值 交換 fine 圖片

ES6 允許按照一定模式,從數組和對象中提取值,對變量進行賦值,這被稱為解構(Destructuring)

這句話的解釋:第一步從數組或者對象中提取值,第二步將提取到的值對變量進行賦值

1數組的解析賦值

技術分享圖片

如果解析不成功,那麽對應的變量為undefined,同時如果等號的右側不是可遍歷的數據結構,也會進行報錯。

解析允許存在默認值,註意,ES6內部使用嚴格相等運算符,來判斷一個位置是否有值,所以只有當一個數組的成員嚴格等於undefined時,默認值才會起作用

技術分享圖片 技術分享圖片

2對象的解析賦值

對象解析與數組解析的不同點在於,數組的按照一定的順序的,變量的取值取決於他的位置;而對象的屬性沒用順序,變量必須與對象的屬性名相同,才可以正確的取到值。

技術分享圖片

技術分享圖片

與數組相似:

  1對象的解構賦值也是可以嵌套的,

  2另外對象也可以定義默認值,並且屬性的值為undefined,默認值才會有效果

  3解析失敗那麽值為undefined。

註意點:註意是模式還是變量,變量采用的是逗號分開,模式後面緊跟的是冒號

技術分享圖片

3數值,布爾值,字符串的解構賦值

技術分享圖片

技術分享圖片

4解構的作用

  4.1:交換變量的值;從函數返回多個值;給函數多個參數賦值;提取JSON的值

技術分享圖片技術分享圖片技術分享圖片技術分享圖片待續...........

ECMAScript6 入門 變量的解析賦值