ES6中的解構


數組中的解構:

輸出 :
白板
幺雞
二條

對象的解構:

輸出:
老王
12

數組的結構用[];對象的解構用{};一定要區分它是數組還是解構。
區分方法:看 它是在賦值還是在拿值,等號左邊,都為解構,等號右邊,都是數組或者對象。

...運算符,
首先來看:

輸出:
白板
幺雞
二條

如果給C加上 ... 運算符;

輸出:
白板
幺雞
["二條","三餅","四筒"]

...運算符必須出現在尾巴(即最后),叫做 rest 運算符,俗稱“尾巴”解構;

函數的參數也可以解構;

即為將數組傳入了函數,函數自動幫我拆開數組。
即等於 apply

即 apply 可以被[]代替,使用在形參列表,表示自動解構。

函數的形參列表也能使用 ... 運算符

此時這個函數即為計算所有實參的和,原來使用的arguments,也被代替。

形參列表中還可以有對象的自動解構語法;

對於對象來說, K:V的結構模式 ;

冒號右邊的變量被是被真正賦值的,冒號左邊的變量是表示的是對象的屬性;

通常用來從對象中取一個屬性,但要給此屬性改名,即:

輸出:
10


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM