《實戰ES2015》新語法

《實戰ES2015》新語法

《實戰ES2015》新語法

函數類屬性的省略語法

因為ES2015中引入了類的機制(Class),普通的對象字面量也吸收了其中一些語法糖,這可以讓方法屬性省略function,因此讓方法屬性可以以一種更直觀的語法來表達。

《實戰ES2015》新語法

有了這個語法糖,對象字面量中的方法類屬性更像是一個方法,而不只是一個以函數為值得屬性。

支持
proto注入

可動態計算的屬性名

《實戰ES2015》新語法

將屬性名定義省略

《實戰ES2015》新語法

支持多返回值

使用對象作為返回值

《實戰ES2015》新語法

如果你希望跳過數組中的某些元素,那麼可以通過空開一個元素的方式來實現。

《實戰ES2015》新語法

如果你希望能在獲取指定位置的元素以外,也可以不定項的獲取後續的元素,那麼可以用…語句來實現。

《實戰ES2015》新語法

Swap (變量值交換)

《實戰ES2015》新語法

高級用法

結構別名

《實戰ES2015》新語法

無法匹配的缺省值

如果不希望得到undefined,ES2015也允許我們為參數賦予一個默認值。即當無法匹配到相應的值時,該變量便會使用該默認值。

《實戰ES2015》新語法

深層匹配

我們可以通過嵌套解構表達式來獲取深層的內容,而且可以在對象中嵌套數組來獲取對象中的數組的某元素,反之亦然。

《實戰ES2015》新語法

同樣,別名、缺省值等語法也可以使用在深層匹配中。

注意事項

一旦一個函數的參數列表中使用了剩餘參數的語法糖,便不可以再添加任何參數,否則會拋出錯誤。

《實戰ES2015》新語法

解構傳參

在ECMAScript對函數的定義中,有兩個用於實現自定義函數調用的方法————apply和call。這兩個方法都可以讓開發者以一個之定義的上下文(函數中的this)來傳入參數,其區別是:apply需要以數組的方式傳入參數,而call則需要想象普通調用一樣傳入參數。

《實戰ES2015》新語法

希望這篇文章能給你帶來知識和樂趣,喜歡博主的文章可以加關注哦


分享到:


相關文章: