你需要了解的關於本書

本書關於 ECMAScript 6（官方名稱為 ECMAScript 2015），JavaScript 的新版本。

受眾：JavaScript 程式設計師

為了理解本書，你應該已經了解 JavaScript。如果你不了解：我的另一本書「Speaking JavaScript」免費提供線上閱讀，並教授程式設計師所有 JavaScript（包括 ECMAScript 5）。

我為什麼應該閱讀本書？

由你決定深入程度：本書深入探討 ECMAScript 6，但結構設計讓你可以快速瀏覽概觀，如果你願意。
不僅「是什麼」，也告訴你「為什麼」：本書不僅告訴你 ES6 如何運作，也告訴你為什麼它會這樣運作。
徹底研究：為了理解 ES6，我諮詢了許多來源
- 語言規格（你偶爾會在本書中找到指標）
- es-discuss 郵件清單
- TC39 會議記錄
- 科學論文
- 其他語言中啟發 ES6 功能的文件
- 更多

如何閱讀本書

本書以三個詳細程度探討 ES6

快速入門：從「ES6 核心功能」章節開始。此外，幾乎每個章節都從一個提供章節概觀的區段開始。最後一章將所有這些概觀區段收集在同一個地方。
穩固基礎：每個章節總是從基本知識開始，然後逐漸深入細節。標題應該能讓你清楚知道何時停止閱讀，但我也會偶爾在側欄中提供提示，說明了解某件事有多重要。
深入了解：閱讀章節的所有內容，包括深入的部分。

其他需要了解的事項

建議：我偶爾會推薦簡單的規則。這些規則旨在作為指南，讓你保持安全，而無需了解（或記住）所有細節。我傾向於優先考慮主流而非優雅，因為大多數程式碼並非存在於真空之中。但是，我總是會提供足夠的資訊，讓你做出自己的決定。
論壇：「探索 ES6」首頁連結到一個論壇，你可以在其中討論與本書相關的問題和想法。
勘誤（錯字、錯誤等）：在「探索 ES6」首頁上，有連結到提交勘誤的表單和已提交勘誤的清單。

本書的來源

我早在 ES6 功能有實作之前就開始撰寫本書，這需要大量的研究。重要的來源是

es-discuss 郵件清單
TC39 會議記錄
ECMAScript 語言規格
舊的 ECMAScript Harmony wiki
科學論文（例如關於 ES6 代理撰寫的論文）和網路上的其他資料。
詢問周遭的人以填補其餘的空白（回答問題的人會在書中致謝）

詞彙表

嚴格模式與隨意模式

ECMAScript 5 引入了語言模式：嚴格模式透過改變其語意、執行更多檢查和拋出更多例外，讓 JavaScript 成為更簡潔的語言。請參閱「Speaking JavaScript」中的「嚴格模式」一節以取得更多資訊。舊版/預設模式稱為非嚴格模式或隨意模式。

嚴格模式透過以下列開啟（在 ES5 之前的 ECMAScript 版本中，此列不會執行任何動作）

'use strict';

如果您將此列放在檔案的開頭，其中的所有程式碼都會處於嚴格模式。如果您將此列設為函式的第一列，則只有該函式會處於嚴格模式。

使用指令開啟嚴格模式並不是很友善，而且也是 ES5 中嚴格模式不如預期普及的原因之一。然而，ES6 模組和類別會隱含處於嚴格模式。由於大部分的 ES6 程式碼都會存在於模組中，因此嚴格模式會成為 ES6 的實際預設值。

通訊協定

通訊協定一詞在運算中具有各種意義。在程式語言和 API 設計的脈絡中，我使用它如下

通訊協定定義介面（方法和/或函式的簽章）和使用它們的規則。

其概念是指定如何執行服務。然後，任何人都可以執行服務，任何人都可以要求服務，而且保證它們可以順利地一起運作。

請注意，這裡提供的定義不同於將通訊協定視為介面（例如，Objective C 所做的），因為此定義包含規則。

接收者（方法呼叫的接收者）

給定方法呼叫 obj.m(···)，obj 是方法呼叫的接收者，而且可以在方法內透過 this 存取。

函式（或方法）的簽章

函式的 (類型) 簽章描述函式如何呼叫、輸入和輸出為何。我在這本書中使用 Microsoft TypeScript 和 Facebook Flow 建立的語法。簽章範例

parseInt(string : string, radix? : number) : number

您會看到 parseInt() 預期字串和數字，並傳回數字。如果參數的類型很清楚，我通常會省略類型註解。

內部插槽

ES6 語言規範使用內部插槽來儲存內部資料。在規範中，內部插槽的存取方式就像它們是名稱在方括號中的屬性

O.[[GetPrototypeOf]]()

兩件事使它們與屬性不同

它們不會透過「取得」操作來讀取，也不會透過「設定」操作來寫入。
它們只會在規範中得知，而無法從 JavaScript 存取。例如：物件與其原型之間的連結是內部插槽 [[Prototype]]。該插槽的值無法透過 JavaScript 直接讀取，但您可以使用 Object.getPrototypeOf() 來執行此動作。

內部插槽的儲存方式並未明確說明。有些甚至可能不存在於實際的 JavaScript 實作中。

繫結和環境

ECMAScript 規範使用稱為環境的資料結構來儲存範圍的變數。環境基本上是一個將變數名稱對應到值的字典。繫結是環境中的條目，變數的儲存空間。

破壞性操作

破壞性操作（方法、函式）會修改其參數或接收器。例如，push() 會修改其接收器 arr

> const arr = ['a', 'b'];
> arr.push('c')
3
> arr
[ 'a', 'b', 'c' ]

相反地，concat() 會建立新的陣列，而不會變更其接收器 arr

> const arr = ['a', 'b'];
> arr.concat(['c'])
[ 'a', 'b', 'c' ]
> arr
[ 'a', 'b' ]

慣例

文件化類別

類別 C 的 API 通常會以下列方式文件化

C 建構函式
靜態 C 方法
C.prototype 方法

大寫

在英文中，我將 JavaScript 術語大寫如下

基本實體的名稱不會大寫：布林值、數字值、符號、字串。我這樣做的原因之一是，TypeScript 和 Flow 區分
- 類型 String：其成員是物件，String 的執行個體。
- 類型 string：其成員是基本值，字串。
資料結構 Map 會大寫。理由：與陣列方法 map() 區分。
資料結構 Set 首字母大寫。理由：與動詞 set 區分。
Array 和 Promise 首字母大寫。理由：容易與英文單字混淆。
目前不使用首字母大寫：object、generator、proxy。

GitHub 上的範例程式碼

GitHub 上有幾個儲存庫包含本書中顯示的程式碼

側邊欄

側邊欄是標有圖示的文字方塊。它們補充了正常內容。

腳註

偶爾，我會透過腳註參照（公開的）外部資料。兩個來源標示在方括號中的前綴

[規範] 參照 ES6 規範 HTML 版本中的內容。
[Speaking JS] 參照「Speaking JavaScript」HTML 版本中的內容。

下一頁：前言