深入理解ES6

　　译者序

　　十年前谁也无法料到，彼时只能写小动画的玩具语言JavaScript竟会有如今之威力，这愈发显现出Atwood定律“凡是能用JavaScript写出来的应用，终都会用JavaScript来写”的正确性。追本溯源，这与ECMAScript的发展功不可没。

　　然而，ECMAScript的发展并非一帆风顺。

　　1999年末，ECMA-262第3版[1]正式定稿，在之后的五六年中，几乎看不到标准的任何新进展。直到2005年左右，随着Google在多个重交互的应用中普及Ajax，开发者们逐渐接受这项新技术并逐步恢复对JavaScript的关注。于是，JavaScript创始人BrendanEich紧锣密鼓地筹划ECMAScript4标准，直到2007年，耗时两年的ECMAScript4标准扩充工作在JeffDyer看来已经达到ECMAScript3的两倍[2]，Brendan遂撰文[3]进一步澄清与解释。

　　DouglasCrockford认为这是一种过度复杂的税负[4]，并联合微软起草ECMAScript3.1提案，同时，微软也在TC-39会议中正式反对ES4中的部分标准。冲突过后，占据舆论优势的ECMAScript3.1于2009年作为ES5正式发布[5]。

　　ECMAScript4并未就此消亡。委员会全体成员将ECMAScript3.1与ECMAScript4中的精华保留，作为ECMAScriptHarmony（取和谐之意），它转而成为委员会的下一个目标ECMAScript6，并于2015年6月正式定稿，终被命名为ECMAScript2015。委员会一改往日冗长的议程，约定每年必出一版，通常以当年年份命名。截至此书翻译完毕，ECMAScript2016也于2016年6月正式定稿[6]，标准尚在进程中[7]。

　　《UnderstandingECMAScript6》一书是作者NicholasC.Zakas在GitHub开源社区[8]撰写而成。作为标准的转述者，存在部分理解误区合情合理，本译作基于NoStarchPress出版社于2016年8月出版的首印版，适当参考GitHub中的讨论集结而成。

　　在本书翻译结束之际，感慨万千。首先感谢裕波，是他的引荐让我有机会翻译本书。特别感谢李松峰老师、Hax老师与克军老师的不吝赐教，帮助我审校翻译内容。还要感谢博文视点的侠少（张春雨编辑），他高标准、严要求的专业态度时刻鞭策我前行。

　　感谢就职于腾讯的时光，带我入行的导师张坤、为我解答所有疑惑的Leader陈恕胜、共同学习成长的兄弟陈炜鑫及其他伙伴，你们一丝不苟的态度不断磨练我的心性。

　　后，特别要感谢我的母亲杨虹女士，每当我不堪于兼顾工作与翻译的时候，总是您的鼓励点亮我前进的道路。

　　在本书的翻译过程中我力求还原作者本意，但限于时间与水平，翻译不当之处在所难免，还敬请各位读者不吝赐教，我也会及时与出版社同步以备再版时进行修正，或以勘误的形式公布。如您有任何想法与建议，欢迎写信至我的邮箱：lenville@gmail.com。

　　[1]https://www.ecma-international.org/publications/files/ECMA-ST-ARCH/ECMA-262,3rdedition,December1999.pdf

　　[2]https://mail.mozilla.org/pipermail/es-discuss/2007-October/001442.html

　　[3]https://brendaneich.com/2007/11/es4-news-and-opinion/

　　[4]https://mail.mozilla.org/pipermail/es-discuss/2008-March/002529.html

　　[5]http://www.ecma-international.org/publications/files/ECMA-ST-ARCH/ECMA-2625theditionDecember2009.pdf

　　[6]https://www.ecma-international.org/ecma-262/7.0/index.html

　　[7]https://tc39.github.io/ecma262/

　　[8]https://github.com/nzakas/understandinges6

  　序

　　ECMAScript6如暴风雨般骤临世界，人们期待已久而它却突然出现，传播之快始料未及。每个人都与ECMAScript6有着一段不同的故事，以下是我的故事。

　　2013年，我还在一家创业公司工作，正在从iOS转向Web研发，之后我参加了JavaScript开源社区并共同创建了Redux。当时我正在努力学习Web开发，而且我非常害怕，我的团队必须在短短几个月的时间内将我们的产品用JavaScript重构为Web版。

　　起初我认为用JavaScript编写大型软件的想法很可笑，但是一名团队成员说服了我，他说JavaScript不是一门玩具语言。我同意撇开成见试一试，于是打开MDN和StackOverflow首次深入学习JavaScript。我对这门简约的语言着了迷，我的同事还教我如何使用工具，例如代码整理工具（linter）和代码合并工具（bundler）[译者注：代码压缩工具（minifier）对于生产力和性能来说也至关重要。]。在这几个星期里我恍然大悟，原来我如此喜欢编写JavaScript代码。

　　但没有一门语言是完美的，由于使用过其他语言，我非常希望JavaScript也可以频繁更新，但在这10年间，ECMAScript5是的重大更新，它只实现了一小部分特性，完全支持浏览器需要数10年的时间。彼时，即将到来的代号为Harmony的ECMAScript6（ES6）规范尚未完成，遥遥无期。“也许在10年内我能够写一些ECMAScript6代码吧。”我想。

　　一些实验性的“转译器（Transpiler）”，如谷歌的Traceur，可以将代码从ECMAScript6转换成ECMAScript5。它们大多功能非常有限，或难以插入现有的JavaScript构建管道。但是，随后出现的新型转译器6to5改变了一切。它易于安装，可以很好地集成在现有的工具中，生成的代码可读，于是其像野火般蔓延开来。6to5现在被称作Babel，在标准定稿前就开始为主流受众提供ECMAScript6的特性。几个月以来，ECMAScript6无处不在。

　　出于各种原因，ECMAScript6已经把社区割裂开来。正如本书所讲，在许多主流浏览器中ECMAScript6仍未完全实现。当你学习这门语言时，不得不进行的构建步骤足以使人退缩。一些库的文档和示例中有ECMAScript6的代码，你可能想知道这些库是否可以在ECMAScript5环境中使用。这令人感到困惑，由于这门语言之前几乎从未改变过，因此许多人对于新特性的加入并没有十分期待，而有一部分人在焦急地等待新功能的到来，并希望所有的这些新功能能放在一起使用—在某些情况下，甚至为了使用而使用，不管是否必要。

　　正当我对JavaScript的使用逐渐熟练时，我感觉再往前走很困难，我不得不学习一门新的语言。那几个月的时间里我感到很糟糕。后在圣诞节前夕，我开始阅读本书的草稿，我简直爱不释手，在凌晨3点，当参加聚会的每一位成员都已熟睡，而我却理解了ECMAScript6！

　　Nicholas是一位非常有天赋的老师。他以直截了当的方式传达深刻的细节，让你能够理解所有这些知识。除了本书之外，他也因创建ESLint而出名，这是一个被下载了数百万次的JavaScript代码分析器。

　　Nicholas对JavaScript的了解程度很少有人能够企及，所以不要错过吸取新知识的机会。阅读本书，你将对掌握ECMAScript6充满信心。

　　DanAbramov

　　React核心团队成员及Redux的创造者

    前言

　　JavaScript核心的语言特性是在标准ECMA-262中被定义的。该标准中定义的语言被称作ECMAScript，它是JavaScript的子集。在浏览器与Node.js环境中通过附加的对象和方法可添加更多新功能，而JavaScript的核心依然保持ECMAScript的定义。总的来说，ECMA-262标准的持续发展对于JavaScript的成功功不可没。ECMAScript6是JavaScript的重大更新，本书将为你讲解其中的改动。

　　ECMAScript6之路

　　2007年，JavaScript走向了发展中的转折点，逐渐兴起的Ajax开创了动态Web应用的新时代，而自1999年第三版ECMA-262发布以来，JavaScript却没有丝毫改变。当时，负责推动ECMAScript语言发展的TC-39委员会将大量规范草案整合在了ECMAScript4中，新增的语言特性涉足甚广，包括：模块、类、类继承、私有对象成员、可选类型注释及众多其他的特性。

　　然而，TC-39组织内部对ECMAScript4的动议草案产生了巨大分歧，部分成员认为不应该一次性在第四版标准中加入过多的新功能，而来自雅虎、谷歌和微软的技术负责人则共同商讨并提交了一份“ECMAScript3.1”草案作为下一代ECMAScript的可选方案，此处的“3.1”意在表明只是对现有标准进行小幅的增量修改。

　　ECMAScript3.1引入的语法变化极少，这一版标准相对而言更专注于优化属性特性，支持原生JSON，以及为已有对象增添新的方法。委员会曾经尝试融合ECMAScript3.1与ECMAScript4，但由于对峙双方对语言未来的发展方向分歧过大，后以失败告终。

　　到了2008年，JavaScript创始人BrendanEich宣布TC-39委员会将合力推进ECMAScript3.1的标准化工作。他们选择将ECMAScript4中提出的大部分针对语法及特性的改动暂时搁置，到下一个版本ECMAScript的标准化工作完成之后，委员会全体成员再努力融合ECMAScript3.1和4中的精华，他们还给这个版本起了一个昵称—ECMAScriptHarmony（取和谐之意）。

　　经过标准化的ECMAScript3.1终作为ECMA-262第五版正式发布，它同时也被称为ECMAScript5。委员会表示他们永不发布第四版，以避免与从未面世的“ECMAScript4”产生命名冲突。基于ECMAScriptHarmony的工作随后陆续展开，继承了精华的ECMAScript6将成为继ECMAScript5之后发布的首个新标准。

　　ECMAScript6标准的特性已于2015年全部完成，并被正式命名为“ECMAScript2015”（由于开发者们对ECMAScript6更为熟悉，因此本书将继续沿用此称谓）。新标准的变化俯拾即是，大到全新的对象和模式、大幅的语法改动，小到为已有对象扩充新的方法。更令人激动的是，ECMAScript6中点滴的变化全都致力于解决开发者实际工作中遇到的问题。

　　关于本书

　　深入理解ECMAScript6的特性对于所有JavaScript开发人员来说至关重要，在可预见的未来，ECMAScript6中引入的语言特性将构成构建JavaScript应用程序的基础。这也是本书的初衷，笔者希望你通过阅读本书来了解ECMAScript6的新特性，并在需要时随时能够予以使用。

　　浏览器与Node.js中的兼容性

　　开发者们正积极地为Web浏览器及Node.js这些JavaScript的宿主环境添加ECMAScript6的新功能。本书只关注规范中定义的正确行为，不会对比每种实现间的差异。如此一来，读者所使用的JavaScript环境有可能与本书中描述的不一致。

　　本书的目标读者

　　本书是专门为熟悉JavaScript和ECMAScript5的读者准备的指南，帮助大家理解ECMAScript5和6之间的差异。对ECMAScript6早已熟稔于心的读者不必继续阅读下去。本书特别适合想了解语言未来特性的JavaScript中高级开发者，无论你的工作环境是Node.js还是Web浏览器，本书都非常适合你。

　　本书不适合从未写过JavaScript代码的初学者，读者们需要对这门语言的基础知识有一定的理解，这样才能发挥本书的效用。

　　本书概览

　　本书中的每一个章节与附录都涵盖有ECMAScript6的不同方面，许多章节一开始都会讨论ECMAScript6中新变化的来龙去脉，以及这些改动试图解决的问题。所有章节都包含代码示例来帮助你学习新的语法及概念。

　　第1章块级作用域绑定讨论var在块级作用域中的替代方案—let和const。

　　第2章字符串和正则表达式详尽介绍字符串模板，以及新增的操作与检查字符串的功能。

　　第3章函数讨论函数的多处改动，包括箭头函数（ArrowFunction）、默认参数（DefaultParameters）、不定参数（RestParameters）等。

　　第4章扩展对象的功能性解读对象创建、修改及使用方面的改动，包括对象字面量语法的变化、新的反射方法等。

　　第5章解构：使数据访问更便捷介绍一种通过简明的语法分解对象和数组的方法—对象和数组解构。

　　第6章Symbol和Symbol属性介绍定义属性的新途径—Symbol。Symbol是一种新的原始类型，可用于创建外部无法直接访问的对象属性和方法。

　　第7章Set集合与Map集合详述四种新的集合类型：Set、WeakSet、Map及WeakMap。这些类型为数组增添了新的语义、去重机制，以及专门为JavaScript设计的内存管理机制，极大地扩展了数组的实用性。

　　第8章迭代器（Iterator）和生成器（Generator）这两个全新的功能可以协助你更有效地处理集合数据，在早期版本的JavaScript中无法实现这样的功能。

　　第9章JavaScript中的类介绍JavaScript中首次正式加入的类概念。接触过其他语言的开发者通常会对JavaScript的语法感到困惑，新增的类语法使JavaScript变得更易上手，而且对热衷于JavaScript的开发者来说新的语法变得更加简洁。

　　第10章改进数组的功能详述针对原生数组进行的改动，以及这些有趣的变化为开发者所带来的新体验。

　　第11章Promise与异步编程介绍语言的新成员—Promise。它是草根群体不断努力的结晶，由于各大JavaScript库的鼎立支持，这一功能逐渐被广大开发者所接受。ECMAScript6正式将Promise纳入标准并为其提供可用的Polyfill。

　　第12章代理（Proxy）和反射（Reflection）API介绍正式加入JavaScript的反射API和新的代理对象，开发者可以通过代理对象拦截每一个在对象中执行的操作，代理也赋予了开发者空前的对象控制权，同样也为定义新的交互模式带来无限可能。

　　第13章用模块封装代码详述JavaScript的官方模块风格。加入这一定义旨在代替过去几年中出现过的许多非正式的模块定义风格。

　　附录AECMAScript6中较小的改动涵盖了ECMAScript6中实现的其他改动，它们与每一章所涉及的主题关系不大，一般很少使用这些功能。

　　附录B了解ECMAScript7（2016）描述了在ECMAScript7中实现的三个附加功能，它们在近期的影响力不会像ECMAScript6一样大。

　　排版约定

　　本书使用以下的排版约定：

　　等宽字体代码块表示较长的代码示例，如下所示：

　　functiondoSomething(){//empty}

　　在代码块中，console.log()语句右侧的注释表示在浏览器或Node.js控制台中显示的代码执行结果，例如：

　　console.log("Hi");//"Hi"

　　如果代码块中的某行代码引发错误，也会在代码的右侧指示：

　　doSomething();//抛出错误

　　帮助与支持

　　如果你在阅读本书时有任何疑问，请发送邮件至我的邮件列表，地址为http://groups.google.com/group/zakasbooks。

    ES6是ECMAScript标准十余年来变动大的一个版本，其中添加了许多新的语法特性，既有大家耳熟能详的Promise，也有闻所未闻的Proxy代理和Reflection反射；既有可以通过转译器（Transpiler）等方式在旧版本浏览器中实现兼容的let、const、不定参数、展开运算符等功能，亦有无论如何都无法实现向前兼容的尾调用优化。深入理解ES6的特性对于所有JavaScript开发者而言至关重要，在可预见的未来，ES6中引入的语言特性会成为JavaScript应用程序的主流特性，这也是《深入理解ES6》的初衷。希望你通过阅读《深入理解ES6》可以了解ES6的新特性，并在需要时能够随时使用。

 Nicholas C. Zakas自2000年以来一直致力于Web应用程序的开发，重点关注前端开发，并以写作和讲述前沿*实践而闻名。他曾于雅虎主页任职5年有余，他也是多本书的作者，其中包括The Principles of Object-Oriented JavaScript（No Starch Press出版社）和Professional JavaScript for Web Developers（Wrox出版社）。

关于技术评审

Juriy Zaytsev（在网上以kangax著称）是纽约的一位前端网站开发人员。自2007年以来，他一直在探索JavaScript的怪异特性并撰写相关文章。Juriy为多个开源项目做出过贡献，其中包括Prototype.js和其他的热门项目，如他自己的Fabric.js。他是按需定制打印服务printio.ru的共同创始人，目前任职于Facebook。

刘振涛，腾讯前端工程师；infoQ 网站资深译者，负责重点连载专栏《深入浅出ES6》；长期关注Web开发领域新生，尤其是 Ecma* 6；爱好摄影、网球，重度信息癖（Infomania）患者。

第1章 块级作用域绑定 1
var声明及变量提升（Hoisting）机制 1
块级声明 3
-- let声明 3
-- 禁止重声明 4
-- const声明 4
-- 临时死区（Temporal Dead Zone） 6
循环中的块作用域绑定 7
-- 循环中的函数 8
-- 循环中的let声明 9
-- 循环中的const声明 10
全局块作用域绑定 12
块级绑定实践的进化 13
小结 13
第2章 字符串和正则表达式 14
更好的Unicode支持 14
-- UTF-16码位 15
-- codePointAt()方法 16
-- String.fromCodePoint()方法 17
-- normalize()方法 17
-- 正则表达式u修饰符 19
其他字符串变更 21
-- 字符串中的子串识别 21
-- repeat()方法 22
其他正则表达式语法变更 23
-- 正则表达式y修饰符 23
-- 正则表达式的复制 26
-- flags属性 27
模板字面量 28
-- 基础语法 28
-- 多行字符串 29
-- 字符串占位符 31
-- 标签模板 32
小结 36
第3章 函数 37
函数形参的默认值 37
-- 在ECMAScript 5中模拟默认参数 38
-- ECMAScript 6中的默认参数值 38
-- 默认参数值对arguments对象的影响 40
-- 默认参数表达式 42
-- 默认参数的临时死区 44
处理无命名参数 46
-- ECMAScript 5中的无命名参数 46
-- 不定参数 47
增强的Function构造函数 49
展开运算符 50
name属性 52
-- 如何选择合适的名称 52
-- name属性的特殊情况 52
明确函数的多重用途 54
-- 在ECMAScript 5中判断函数被调用的方法 54
-- 元属性（Metaproperty）new.target 55
块级函数 57
-- 块级函数的使用场景 58
-- 非严格模式下的块级函数 58
箭头函数 59
-- 箭头函数语法 60
-- 创建立即执行函数表达式 62
-- 箭头函数没有this绑定 63
-- 箭头函数和数组 65
-- 箭头函数没有arguments绑定 66
-- 箭头函数的辨识方法 66
尾调用优化 67
-- ECMAScript 6中的尾调用优化 68
-- 如何利用尾调用优化 69
小结 71
第4章 扩展对象的功能性 72
对象类别 72
对象字面量语法扩展 73
-- 属性初始值的简写 73
-- 对象方法的简写语法 74
-- 可计算属性名（Computed Property Name） 75
新增方法 76
-- Object.is()方法 76
-- Object.assign()方法 77
重复的对象字面量属性 80
自有属性枚举顺序 81
增强对象原型 82
-