前端開發(fā)使用ES6框架已經(jīng)不是什么新鮮的事情了，現(xiàn)如今也有越來越多的同學(xué)選擇使用它，但隨著ES6的更新迭代，一些新的特性很多同學(xué)并不了解，今天小千就來給大家介紹一下，記得收藏一下啦。

一、ES6變量聲明

var 聲明的變量，沒有“塊級(jí)作用域”的限制；

let / const 聲明的變量，具有“塊級(jí)作用域”。

var 聲明的變量存在“變量提升”，let / const沒有。

const 聲明的是常量，不能被修改。

二、解構(gòu)賦值

ES6 允許按照一定模式，從數(shù)組和對(duì)象中提取值，對(duì)變量進(jìn)行賦值，這被稱為解構(gòu)。

數(shù)組解構(gòu)賦值

使用解構(gòu)賦值，交換兩個(gè)變量的值

對(duì)象解構(gòu)賦值

三、字符串方法擴(kuò)展

四、Math方法擴(kuò)展

ES6 在 Math 對(duì)象上新增了 17 個(gè)與數(shù)學(xué)相關(guān)的方法。

五、函數(shù)擴(kuò)展

函數(shù)與解構(gòu)賦值結(jié)合使用

函數(shù)的 rest 參數(shù)

六、箭頭函數(shù)

由于大括號(hào)被解釋為代碼塊，所以如果箭頭函數(shù)直接返回一個(gè)對(duì)象，必須在對(duì)象外面加上括號(hào)

ES6的新特性對(duì)于你的開發(fā)還是有不小的幫助的，學(xué)會(huì)他能夠讓你的開發(fā)事半功倍。最后歡迎對(duì)web前端感興趣的同學(xué)關(guān)注小千，后期繼續(xù)分享web前端技術(shù)知識(shí)。

本文來自千鋒教育，轉(zhuǎn)載請(qǐng)注明出處。

與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的web前端技巧-ES6新特性与重点知识汇总（一）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。