1.2　ES 6語法簡介

ES 6是JavaScript語言的新一代標準，加入了很多新的功能和語法。React的項目一般都是用ES 6語法來寫的，這也是Facebook官方推薦的方式。為保證本書知識體系的完整性，本節我們會對開發React應用經常用到的ES 6語法做簡要介紹。

1．let、const

let和const是ES 6中新增的兩個關鍵字，用來聲明變量，let和const都是塊級作用域。let聲明的變量只在let命令所在的代碼塊內有效。const聲明一個只讀的常量，一旦聲明，常量的值就不能改變。例如：

2．箭頭函數

ES 6允許使用“箭頭”（=>）定義函數。這種方式創建的函數不需要function關鍵字，并且還可以省略return關鍵字。同時，箭頭函數內的this指向函數定義時所在的上下文對象，而不是函數執行時的上下文對象。例如：

如果箭頭函數的參數多于1個或者不需要參數，就需要使用一個圓括號代表參數部分。例如：

如果函數體內包含的語句多于一條，就需要使用大括號將函數體括起來，使用return語句返回。例如：

3．模板字符串

模板字符串是增強版的字符串，用反引號（`）標識字符串。除了可以當作普通字符串使用外，它還可以用來定義多行字符串，以及在字符串中嵌入變量，功能很強大。例如：

4．解構賦值

ES 6允許按照一定模式從數組和對象中提取值，對變量進行賦值，這被稱為解構。例如：

函數的參數也可以使用解構賦值。例如：

解構同樣適用于嵌套結構的數組或對象。例如：

5．rest參數

ES 6引入rest參數（形式為...變量名）用于獲取函數的多余參數，以代替arguments對象的使用。rest參數是一個數組，數組中的元素是多余的參數。注意，rest參數之后不能再有其他參數。例如：

6．擴展運算符

擴展運算符是三個點（...），它將一個數組轉為用逗號分隔的參數序列，類似于rest參數的逆運算。例如：

擴展運算符還常用于合并數組以及與解構賦值結合使用。例如：

擴展運算符還可以用于取出參數對象的所有可遍歷屬性，復制到當前對象之中。例如：

7．class

ES 6引入了class（類）這個概念，新的class寫法讓對象原型的寫法更加清晰，也更像傳統的面向對象編程語言的寫法。例如：

class之間可以通過extends關鍵字實現繼承，例如：

8．import、export

ES 6實現了自己的模塊化標準，ES 6模塊功能主要由兩個關鍵字構成：export和import。export用于規定模塊對外暴露的接口，import用于引入其他模塊提供的接口。例如：

本節介紹的ES 6語法是后面我們介紹React時經常用到的語法，且只介紹了最基本的用法，如果讀者想了解ES 6完整的語法知識，請自行查閱相關文檔學習。