深入浅出ES6

卷首语

曾经听许多前端从业者说:“前端发展太快了。”这里的快，十有八九是说层出不穷 的新概念，余下的一二，大抵只是抒发一下心中的苦闷罢——前两日刚习得的新技术转 眼就“落后”——仔细品味这苦闷，除却不得不持续奔跑的无奈，更多的是一口气，一口 卯足了劲儿也要把新知识全数揽入囊中的不服气。作为刚入行的新人，对这点体会颇深。 就像是蓦地从某个时间点切入，半数时间向前走，半数时间向后看，瞻前顾后，回味揣 摩这十年间的岁月精魄，还得翘首盼着花花新世界，不时再问自己一句，这样走下去真 的会好么?是的，其实答案人尽皆知，同时也无人知晓，因为没人能预言未来，顶多只 能预测未来，但有一件事情永不会错，当你笃定地沿着一条路走下去，结果通常不会太 糟糕，但凡能在浮躁的社会冷静下来潜心磨砺，多少总会有收获。幸而我有意弱化了对 新信息的执念，开始做一些事情，《深入浅出 ES6》就是其中一件。

纵观整个系列，亦即纵观 ECMAScript 2015 的整个体系，吸取了诸多成功经验:借 鉴自 CoffeeScript 的箭头函数;始于 C++项目 Xanadu，接着被 E 语言采用，后来分别 于 Python 和 JavaScript 框架 Dojo 中以 Deferred 对象的面貌出现的 Promise 规范(详见 Async JavaScript 一书 3.1 章);借鉴了 C++、Java、C#以及 Python 等语言的 for-of 循环 语句;部分借鉴 Mustache、Nunjucks 的模板字符串。

当然，新的语言体系也在之前的基础上查漏补缺:弥补块级作用域变量缺失的 let 和 const 关键字;弥补面向大型项目缺失的模块方案;标准委员会甚至为 JavaScript 增

加了类特性，有关这一方面的特性褒贬不一，Douglas Crockford 曾在 2014 年的 Nordic.js 大会发表了题为《The Better Parts》的演讲，重新阐述了他个人对于 ECMAScript 6 的看

法，他认为 Class 特性是所有新标准中最糟糕的创新(我个人也略赞同这一说法，类的 加入虽然有助于其它语言的使用者开始使用 JavaScript，但是却无法发挥出 JavaScript 原型继承的巨大优势);以及为了保持非侵入式弥补其它新特性而诞生的 Symbols。

其它的新特性也相当诱人，熟练掌握可以大幅度提升开发效率:迭代器 Iterator、 生成器 Generators、不定参数 Rest、默认参数 Default、解构 Destructuring、生成器 Generator、代理 Proxy，以及几种新类型:Set、Map、WeakSet、WeakMap、集合 Collection。

以上提及的新特性只是其中的一部分，更多的新特性等待着大家进一步挖掘。整个 系列的翻译历时 150 余天，坚持专栏翻译的日子艰苦也快乐，编辑徐川细心地帮我审校 每一篇文章，编辑丁晓昀赠予钱歌川先生详解翻译之著作让我大开眼界，与李松峰老师 的交流也让我深刻理解了“阅读、转换、表达”的奥义所在，最感谢我的母亲，在我遇到 困难需要力量的时候永远支持着我。选择 ES6 作为前端生涯的切入点实之我幸，恰遇 这样的机会让我可以一心一意地向前走，向未来走。我很敬佩在“洪荒”和“战乱”年代沉 淀无数经 验的前辈们，你们在各种不确定的因素中左右互搏，为终端用户提供统一的 用户体验，直到如今你们依然孜孜不倦地吸取业内新鲜的经验。技术在进步，也为前端 人 提供着无限的可能性，我们有责任也有义务去推动新标准的发展和普及，诚然在商 业的大环境下我们不愿放弃每一寸用户的土壤，但携众人之力定将能推动用户终端 的 革新。ES7 标准的提案纷纷提上日程，用不了多久也将登上前端大舞台。也感谢午川同 学友情提供译文第十章“集合 Collection”，让我在困难时期得以顺利过渡。最后祝愿 国内前端社区向着更光明美好的未来蓬勃生长!

目录

卷首语............................................................................................................................ 1 

ES6 是什么....................................................................................................................5 

迭代器和 for-of 循环 .................................................................................................... 8 

生成器 Generators......................................................................................................16 

模板字符串.................................................................................................................. 26 

不定参数和默认参数.................................................................................................. 34 

解构 Destructuring......................................................................................................39 

箭头函数 ArrowFunctions........................................................................................50 Symbols........................................................................................................................ 59 

学习 Babel 和 Broccoli，马上就用 ES6....................................................................68 

集合.............................................................................................................................. 79 

生成器 Generators，续篇..........................................................................................89 

代理 Proxies..............................................................................................................103 

类 Class.....................................................................................................................117 

let 和 const ................................................................................................................. 125 

子类 Subclassing......................................................................................................134 

模块 Modules............................................................................................................146 

展望未来.................................................................................................................... 156