ES6中的解構

數組中的解構: html

輸出 : 白板 幺雞 二條數組

對象的解構: app

輸出: 老王 12函數

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

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

輸出: 白板 幺雞 二條htm

若是給C加上 ... 運算符; 對象

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

...運算符必須出如今尾巴(即最後),叫作 rest 運算符,俗稱「尾巴」解構; 變量

函數的參數也能夠解構;

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

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

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

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

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

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

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

一般用來從對象中取一個屬性,但要給此屬性更名,即:

輸出: 10

原文出處:https://www.cnblogs.com/lixiao0703/p/lixiao01.html

相關文章
相關標籤/搜索