关于本书你需要知道的内容 #

本书是关于 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 维基
• 科学论文（例如，关于 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 大写。理由：与动词设置 区分开。
• 数组和 Promise 大写。理由：容易与英语单词混淆。
• 不大写（目前）：对象，生成器，代理。

GitHub 上的演示代码 #

GitHub 上的几个存储库包含本书中显示的代码

• async-examples
• babel-on-node
• demo_promise
• generator-examples
• node-es6-demo
• promise-examples
• webpack-es6-demo

侧边栏 #

侧边栏是用图标标记的文本框。它们是对正常内容的补充。

脚注 #

有时，我会通过脚注引用（公开提供的）外部资料。两个来源在方括号中标有前缀

• [规范] 指的是 ES6 规范 HTML 版本中的内容。
• [Speaking JS] 指的是“Speaking JavaScript”HTML 版本中的内容。