ES6中常用的10個新特性講解

ecmascript 6(es6) 目前基本成為業界標準，它的普及速度比 es5 要快很多，主要原因是現代瀏覽器對 es6 的支援相當迅速，尤其是 chrome 和 firefox 瀏覽器，已經支援 es6 中絕大多數的特性。

1.不一樣的變數宣告：const和let

在es6之前，我們往往這麼處理模板字串：

通過「\」和「+」來構建模板

而對es6來說

1.基本的字串格式化。將表示式嵌入字串中進行拼接。用${}來界定；

2.es6反引號(``)直接搞定；

3.箭頭函式（arrow functions）

es6 中，箭頭函式就是函式的一種簡寫形式，使用括號包裹引數，跟隨乙個 =>，緊接著是函式體；

箭頭函式最直觀的三個特點。

不需要 function 關鍵字來建立函式

省略 return 關鍵字

繼承當前上下文的 this 關鍵字

細節：當你的函式有且僅有乙個引數的時候，是可以省略掉括號的。當你函式返回有且僅有乙個表示式的時候可以省略{} 和 return；

4. 函式的引數預設值

在es6之前，我們往往這樣定義引數的預設值：

5.spread / rest 操作符

spread / rest 操作符指的是 …，具體是 spread 還是 rest 需要看上下文語境。

當被用於迭代器中時，它是乙個 spread 操作符：

當被用於函式傳參時，是乙個 rest 操作符：當被用於函式傳參時，是乙個 rest 操作符：

6.二進位制和八進位制字面量

es6 支援二進位制和八進位制的字面量，通過在數字前面新增 0o 或者0o 即可將其轉換為八進位制值：

7.物件和陣列解構

8.物件超類

es6 允許在物件中使用 super 方法：

9.for…of 和 for…in

for…of 用於遍歷乙個迭代器，如陣列：

for…in 用來遍歷物件中的屬性：

10.es6中的類

es6 中支援 class 語法，不過，es6的class不是新的物件繼承模型，它只是原型鏈的語法糖表現形式。

有幾點值得注意的是：

ES6中常用的10個新特性講解

ecmascript 6 es6 目前基本成為業界標準，它的普及速度比 es5 要快很多，主要原因是現代瀏覽器對 es6 的支援相當迅速，尤其是 chrome 和 firefox 瀏覽器，已經支援 es6 中絕大多數的特性。1.不一樣的變數宣告 const和let var x 全域性變數 conso...

ES6中常用的10個新特性講解

ecmascript 6 es6 目前基本成為業界標準，它的普及速度比 es5 要快很多，主要原因是現代瀏覽器對 es6 的支援相當迅速，尤其是 chrome 和 firefox 瀏覽器，已經支援 es6 中絕大多數的特性。es61.不一樣的變數宣告 const和let var x 全域性變數 co...

ES6中常用的10個新特性講解

ecmascript 6 es6 目前基本成為業界標準，它的普及速度比 es5 要快很多，主要原因是現代瀏覽器對 es6 的支援相當迅速，尤其是 chrome 和 firefox 瀏覽器，已經支援 es6 中絕大多數的特性。1.不一樣的變數宣告 const和letvar x 全域性變數 consol...