ES6的新特性

標籤：類的建構函式   ons   nbsp   cti   新特性   否則   style   常用   作用   

ECMAScript 6（簡稱ES6）是JavaScript語言的下一代標準。因為目前的版本的ES6是在2015年發布的，又稱ECMAScript 2015。ES6就是ES2015。

雖然目前並不是所有瀏覽器都能相容ES6全部特性，沒有被很好地支援，所以接下來的ES6代碼將使用 Babel 進行編譯。

Babel 

Babel是一個廣泛使用的ES6轉碼器，可以將ES6代碼轉為ES5代碼，從而在現有環境執行。

最常用的ES6特性

let，const，class，extends，super，arrow functions，template string，destructruing，default，rest argumenmts

1、塊級範圍，let, const

類似於var，用來聲明變數，但在實際運用中他倆都有各自的特殊用途。

const聲明的是變數：

ES5隻有全域範圍和函數範圍，沒有塊級範圍。而let則實際上為JavaScript新增了塊級範圍，用它所聲明的變數，只在let命令所在的代碼塊內有效。

const聲明的是常量：

一旦聲明，常量的值就不能改變。當我們嘗試去改變用const聲明的常量時，瀏覽器就會報錯。

const有一個很好的應用情境，就是當我們引用第三方庫的時聲明的變數，用const來聲明可以避免未來不小心重新命名而導致出現bug。

2、class, extends, super

這三個特性涉及了ES5中最令人頭疼的的幾個部分：原型、建構函式，繼承...你還在為它們複雜難懂的文法而煩惱嗎？你還在為指標到底指向哪裡而糾結萬分嗎？

引入了Class（類）的概念：

ES6提供了更接近傳統語言的寫法，引入了Class。新的class寫法讓對象原型的寫法更加清晰、更像物件導向編程的文法，也更加通俗易懂。

 

先用class定義了一個“類”，可以看到裡面有一個constructor方法，這就是構造方法，而this關鍵字則代表執行個體對象。

簡單地說，constructor內定義的方法和屬性是執行個體對象自己的，而constructor外定義的方法和屬性則是所有執行個體對象可以共用的。

 

Class之間可以通過extends關鍵字實現繼承，這比ES5的通過修改原型鏈實現繼承，要清晰和方便很多。

super關鍵字，它指代父類的執行個體（即父類的this對象）。子類必須在constructor方法中調用super方法，否則建立執行個體時會報錯。

這是因為子類沒有自己的this對象，而是繼承父類的this對象，然後對其進行加工。如果不調用super方法，子類就得不到this對象。

 

ES6的繼承機制：

實質是先創造父類的執行個體對象this（所以必須先調用super方法），然後再用子類的建構函式修改this。

 

3、arrow function

 

 

 

ES6的新特性