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

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

      前端開發使用ES6框架已經不是什麼新鮮的事情了,現如今也有越來越多的同學選擇使用它,但隨著ES6的更新迭代,一些新的特性很多同學並不瞭解,今天小千就來給大家介紹一下,記得收藏一下啦。

      一、ES6變數宣告

      var 宣告的變數,沒有“塊級作用域”的限制;

      let / const 宣告的變數,具有“塊級作用域”。

web前端培訓1

      var 宣告的變數存在“變數提升”,let / const沒有。

web前端培訓2

      const 宣告的是常量,不能被修改。

web前端培訓3

      二、解構賦值

      ES6 允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構。

      陣列解構賦值

web前端培訓4

      使用解構賦值,交換兩個變數的值

web前端培訓5

      物件解構賦值

web前端培訓6

      三、字串方法擴充套件

web前端培訓7

      四、Math方法擴充套件

      ES6 在 Math 物件上新增了 17 個與數學相關的方法。

web前端培訓8

      五、函式擴充套件

      函式與解構賦值結合使用

web前端培訓9

      函式的 rest 引數

web前端培訓10

      六、箭頭函式

web前端培訓11

      由於大括號被解釋為程式碼塊,所以如果箭頭函式直接返回一個物件,必須在物件外面加上括號

web前端培訓12

      ES6的新特性對於你的開發還是有不小的幫助的,學會他能夠讓你的開發事半功倍。最後歡迎對web前端感興趣的同學關注小千,後期繼續分享web前端技術知識。

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


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

相關文章