web前端技巧-ES6新特性與重點知識彙總(三)

千鋒武漢發表於2021-08-20

      ES6的新特性到這裡就是第三期了也是最後一期,今天我們將把剩餘的幾個ES6特性介紹完畢,希望能夠給同學帶來幫助,還是帶好小本本我們開始了。

      十三、Promise

      Promise 是非同步程式設計的一種解決方案,比傳統的解決方案——回撥函式和事件——更合理和更強大。

web前端培訓ES6特性1

      十四、迴圈遍歷

      ES6 借鑑 C++、Java、C# 和 Python 語言,引入了for...of迴圈,作為遍歷所有資料結構的統一方法。

      for...of迴圈可以使用的範圍包括陣列、Set 和 Map 結構、某些類似陣列的物件(比如arguments物件、DOM NodeList 物件)、Generator物件,以及字串。

      for...of 可以與 break / continue / return 配合使用。

web前端培訓ES6特性2

      對於普通的物件,for...of結構不能直接使用,會報錯。使用 for...in 來遍歷普通物件。

web前端培訓ES6特性3

      十五、async / await

web前端培訓ES6特性4

      十六、class類與繼承

web前端培訓ES6特性5

      十七、ES6模組化

      使用export default丟擲模組:

      export default xxx;   // 丟擲模組

      import xxx from './xxx'   // 引入模組

      使用 export 丟擲模組

web前端培訓ES6特性6

      十八、裝飾器

      許多物件導向的語言都有修飾器(Decorator)函式,用來修改類的行為。

      裝飾器用於修飾一個類:

web前端培訓ES6特性7

      裝飾器用於修飾一個類的方法:

web前端培訓ES6特性

      以上就是剩餘的ES6特性介紹了,希望能夠對你的開發帶來幫助。最後歡迎對 web前端感興趣的同學關注小千,後續會繼續分享更多web前端技術知識。

      本文來自千鋒教育,轉載請註明出處。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31548651/viewspace-2787925/,如需轉載,請註明出處,否則將追究法律責任。

相關文章