譯者序

　　十年前誰也無法料到，彼時(shí)只能寫小動(dòng)畫的玩具語言JavaScript竟會(huì)有如今之威力，這愈發(fā)顯現(xiàn)出Atwood定律“凡是能用JavaScript寫出來的應(yīng)用，最終都會(huì)用JavaScript來寫”的正確性。追本溯源，這與ECMAScript的發(fā)展功不可沒。

　　然而，ECMAScript的發(fā)展并非一帆風(fēng)順。

　　1999年末，ECMA-262第3版[1]正式定稿，在之后的五六年中，幾乎看不到標(biāo)準(zhǔn)的任何新進(jìn)展。直到2005年左右，隨著Google在多個(gè)重交互的應(yīng)用中普及Ajax，開發(fā)者們逐漸接受這項(xiàng)新技術(shù)并逐步恢復(fù)對JavaScript的關(guān)注。于是，JavaScript創(chuàng)始人BrendanEich緊鑼密鼓地籌劃ECMAScript4標(biāo)準(zhǔn)，直到2007年，耗時(shí)兩年的ECMAScript4標(biāo)準(zhǔn)擴(kuò)充工作在JeffDyer看來已經(jīng)達(dá)到ECMAScript3的兩倍[2]，Brendan遂撰文[3]進(jìn)一步澄清與解釋。

　　DouglasCrockford認(rèn)為這是一種過度復(fù)雜的稅負(fù)[4]，并聯(lián)合微軟起草ECMAScript3.1提案，同時(shí)，微軟也在TC-39會(huì)議中正式反對ES4中的部分標(biāo)準(zhǔn)。沖突過后，占據(jù)輿論優(yōu)勢的ECMAScript3.1于2009年作為ES5正式發(fā)布[5]。

　　ECMAScript4并未就此消亡。委員會(huì)全體成員將ECMAScript3.1與ECMAScript4中的精華保留，作為ECMAScriptHarmony（取和諧之意），它轉(zhuǎn)而成為委員會(huì)的下一個(gè)目標(biāo)ECMAScript6，并于2015年6月正式定稿，最終被命名為ECMAScript2015。委員會(huì)一改往日冗長的議程，約定每年必出一版，通常以當(dāng)年年份命名。截至此書翻譯完畢，ECMAScript2016也于2016年6月正式定稿[6]，最新標(biāo)準(zhǔn)尚在進(jìn)程中[7]。

　　《UnderstandingECMAScript6》一書是作者NicholasC.Zakas在GitHub開源社區(qū)[8]撰寫而成。作為標(biāo)準(zhǔn)的轉(zhuǎn)述者，存在部分理解誤區(qū)合情合理，本譯作基于NoStarchPress出版社于2016年8月出版的首印版，適當(dāng)參考GitHub中的討論集結(jié)而成。

　　在本書翻譯結(jié)束之際，感慨萬千。首先感謝裕波，是他的引薦讓我有機(jī)會(huì)翻譯本書。特別感謝李松峰老師、Hax老師與克軍老師的不吝賜教，幫助我審校翻譯內(nèi)容。還要感謝博文視點(diǎn)的俠少（張春雨編輯），他高標(biāo)準(zhǔn)、嚴(yán)要求的專業(yè)態(tài)度時(shí)刻鞭策我前行。

　　感謝就職于騰訊的時(shí)光，帶我入行的導(dǎo)師張坤、為我解答所有疑惑的Leader陳恕勝、共同學(xué)習(xí)成長的兄弟陳煒鑫及其他伙伴，你們一絲不茍的態(tài)度不斷磨練我的心性。

　　最后，特別要感謝我的母親楊虹女士，每當(dāng)我不堪于兼顧工作與翻譯的時(shí)候，總是您的鼓勵(lì)點(diǎn)亮我前進(jìn)的道路。

　　在本書的翻譯過程中我力求還原作者本意，但限于時(shí)間與水平，翻譯不當(dāng)之處在所難免，還敬請各位讀者不吝賜教，我也會(huì)及時(shí)與出版社同步以備再版時(shí)進(jìn)行修正，或以勘誤的形式公布。如您有任何想法與建議，歡迎寫信至我的郵箱：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如暴風(fēng)雨般驟臨世界，人們期待已久而它卻突然出現(xiàn)，傳播之快始料未及。每個(gè)人都與ECMAScript6有著一段不同的故事，以下是我的故事。

　　2013年，我還在一家創(chuàng)業(yè)公司工作，正在從iOS轉(zhuǎn)向Web研發(fā)，之后我參加了JavaScript開源社區(qū)并共同創(chuàng)建了Redux。當(dāng)時(shí)我正在努力學(xué)習(xí)Web開發(fā)，而且我非常害怕，我的團(tuán)隊(duì)必須在短短幾個(gè)月的時(shí)間內(nèi)將我們的產(chǎn)品用JavaScript重構(gòu)為Web版。

　　起初我認(rèn)為用JavaScript編寫大型軟件的想法很可笑，但是一名團(tuán)隊(duì)成員說服了我，他說JavaScript不是一門玩具語言。我同意撇開成見試一試，于是打開MDN和StackOverflow首次深入學(xué)習(xí)JavaScript。我對這門簡約的語言著了迷，我的同事還教我如何使用工具，例如代碼整理工具（linter）和代碼合并工具（bundler）[譯者注：代碼壓縮工具（minifier）對于生產(chǎn)力和性能來說也至關(guān)重要。]。在這幾個(gè)星期里我恍然大悟，原來我如此喜歡編寫JavaScript代碼。

　　但沒有一門語言是完美的，由于使用過其他語言，我非常希望JavaScript也可以頻繁更新，但在這10年間，ECMAScript5是唯一的重大更新，它只實(shí)現(xiàn)了一小部分特性，完全支持瀏覽器需要數(shù)10年的時(shí)間。彼時(shí)，即將到來的代號為Harmony的ECMAScript6（ES6）規(guī)范尚未完成，遙遙無期�！耙苍S在10年內(nèi)我能夠?qū)懸恍〦CMAScript6代碼吧�！蔽蚁�。

　　一些實(shí)驗(yàn)性的“轉(zhuǎn)譯器（Transpiler）”，如谷歌的Traceur，可以將代碼從ECMAScript6轉(zhuǎn)換成ECMAScript5。它們大多功能非常有限，或難以插入現(xiàn)有的JavaScript構(gòu)建管道。但是，隨后出現(xiàn)的新型轉(zhuǎn)譯器6to5改變了一切。它易于安裝，可以很好地集成在現(xiàn)有的工具中，生成的代碼可讀，于是其像野火般蔓延開來。6to5現(xiàn)在被稱作Babel，在標(biāo)準(zhǔn)定稿前就開始為主流受眾提供ECMAScript6的特性。幾個(gè)月以來，ECMAScript6無處不在。

　　出于各種原因，ECMAScript6已經(jīng)把社區(qū)割裂開來。正如本書所講，在許多主流瀏覽器中ECMAScript6仍未完全實(shí)現(xiàn)。當(dāng)你學(xué)習(xí)這門語言時(shí)，不得不進(jìn)行的構(gòu)建步驟足以使人退縮。一些庫的文檔和示例中有ECMAScript6的代碼，你可能想知道這些庫是否可以在ECMAScript5環(huán)境中使用。這令人感到困惑，由于這門語言之前幾乎從未改變過，因此許多人對于新特性的加入并沒有十分期待，而有一部分人在焦急地等待新功能的到來，并希望所有的這些新功能能放在一起使用—在某些情況下，甚至為了使用而使用，不管是否必要。

　　正當(dāng)我對JavaScript的使用逐漸熟練時(shí)，我感覺再往前走很困難，我不得不學(xué)習(xí)一門新的語言。那幾個(gè)月的時(shí)間里我感到很糟糕。最后在圣誕節(jié)前夕，我開始閱讀本書的草稿，我簡直愛不釋手，在凌晨3點(diǎn)，當(dāng)參加聚會(huì)的每一位成員都已熟睡，而我卻理解了ECMAScript6！

　　Nicholas是一位非常有天賦的老師。他以直截了當(dāng)?shù)姆绞絺鬟_(dá)深刻的細(xì)節(jié)，讓你能夠理解所有這些知識(shí)。除了本書之外，他也因創(chuàng)建ESLint而出名，這是一個(gè)被下載了數(shù)百萬次的JavaScript代碼分析器。

　　Nicholas對JavaScript的了解程度很少有人能夠企及，所以不要錯(cuò)過吸取新知識(shí)的機(jī)會(huì)。閱讀本書，你將對掌握ECMAScript6充滿信心。

　　DanAbramov

　　React核心團(tuán)隊(duì)成員及Redux的創(chuàng)造者

　　前言

　　JavaScript核心的語言特性是在標(biāo)準(zhǔn)ECMA-262中被定義的。該標(biāo)準(zhǔn)中定義的語言被稱作ECMAScript，它是JavaScript的子集。在瀏覽器與Node.js環(huán)境中通過附加的對象和方法可添加更多新功能，而JavaScript的核心依然保持ECMAScript的定義�？偟膩碚f，ECMA-262標(biāo)準(zhǔn)的持續(xù)發(fā)展對于JavaScript的成功功不可沒。ECMAScript6是JavaScript最新的重大更新，本書將為你講解其中的改動(dòng)。

　　ECMAScript6之路

　　2007年，JavaScript走向了發(fā)展中的轉(zhuǎn)折點(diǎn)，逐漸興起的Ajax開創(chuàng)了動(dòng)態(tài)Web應(yīng)用的新時(shí)代，而自1999年第三版ECMA-262發(fā)布以來，JavaScript卻沒有絲毫改變。當(dāng)時(shí)，負(fù)責(zé)推動(dòng)ECMAScript語言發(fā)展的TC-39委員會(huì)將大量規(guī)范草案整合在了ECMAScript4中，新增的語言特性涉足甚廣，包括：模塊、類、類繼承、私有對象成員、可選類型注釋及眾多其他的特性。

　　然而，TC-39組織內(nèi)部對ECMAScript4的動(dòng)議草案產(chǎn)生了巨大分歧，部分成員認(rèn)為不應(yīng)該一次性在第四版標(biāo)準(zhǔn)中加入過多的新功能，而來自雅虎、谷歌和微軟的技術(shù)負(fù)責(zé)人則共同商討并提交了一份“ECMAScript3.1”草案作為下一代ECMAScript的可選方案，此處的“3.1”意在表明只是對現(xiàn)有標(biāo)準(zhǔn)進(jìn)行小幅的增量修改。

　　ECMAScript3.1引入的語法變化極少，這一版標(biāo)準(zhǔn)相對而言更專注于優(yōu)化屬性特性，支持原生JSON，以及為已有對象增添新的方法。委員會(huì)曾經(jīng)嘗試融合ECMAScript3.1與ECMAScript4，但由于對峙雙方對語言未來的發(fā)展方向分歧過大，最后以失敗告終。

　　到了2008年，JavaScript創(chuàng)始人BrendanEich宣布TC-39委員會(huì)將合力推進(jìn)ECMAScript3.1的標(biāo)準(zhǔn)化工作。他們選擇將ECMAScript4中提出的大部分針對語法及特性的改動(dòng)暫時(shí)擱置，到下一個(gè)版本ECMAScript的標(biāo)準(zhǔn)化工作完成之后，委員會(huì)全體成員再努力融合ECMAScript3.1和4中的精華，他們還給這個(gè)版本起了一個(gè)昵稱—ECMAScriptHarmony（取和諧之意）。

　　經(jīng)過標(biāo)準(zhǔn)化的ECMAScript3.1最終作為ECMA-262第五版正式發(fā)布，它同時(shí)也被稱為ECMAScript5。委員會(huì)表示他們永不發(fā)布第四版，以避免與從未面世的“ECMAScript4”產(chǎn)生命名沖突�；�于ECMAScriptHarmony的工作隨后陸續(xù)展開，繼承了精華的ECMAScript6將成為繼ECMAScript5之后發(fā)布的首個(gè)新標(biāo)準(zhǔn)。

　　ECMAScript6標(biāo)準(zhǔn)的特性已于2015年全部完成，并被正式命名為“ECMAScript2015”（由于開發(fā)者們對ECMAScript6更為熟悉，因此本書將繼續(xù)沿用此稱謂）。新標(biāo)準(zhǔn)的變化俯拾即是，大到全新的對象和模式、大幅的語法改動(dòng)，小到為已有對象擴(kuò)充新的方法。更令人激動(dòng)的是，ECMAScript6中點(diǎn)滴的變化全都致力于解決開發(fā)者實(shí)際工作中遇到的問題。

　　關(guān)于本書

　　深入理解ECMAScript6的特性對于所有JavaScript開發(fā)人員來說至關(guān)重要，在可預(yù)見的未來，ECMAScript6中引入的語言特性將構(gòu)成構(gòu)建JavaScript應(yīng)用程序的基礎(chǔ)。這也是本書的初衷，筆者希望你通過閱讀本書來了解ECMAScript6的新特性，并在需要時(shí)隨時(shí)能夠予以使用。

　　瀏覽器與Node.js中的兼容性

　　開發(fā)者們正積極地為Web瀏覽器及Node.js這些JavaScript的宿主環(huán)境添加ECMAScript6的新功能。本書只關(guān)注規(guī)范中定義的正確行為，不會(huì)對比每種實(shí)現(xiàn)間的差異。如此一來，讀者所使用的JavaScript環(huán)境有可能與本書中描述的不一致。

　　本書的目標(biāo)讀者

　　本書是專門為熟悉JavaScript和ECMAScript5的讀者準(zhǔn)備的指南，幫助大家理解ECMAScript5和6之間的差異。對ECMAScript6早已熟稔于心的讀者不必繼續(xù)閱讀下去。本書特別適合想了解語言未來特性的JavaScript中高級開發(fā)者，無論你的工作環(huán)境是Node.js還是Web瀏覽器，本書都非常適合你。

　　本書不適合從未寫過JavaScript代碼的初學(xué)者，讀者們需要對這門語言的基礎(chǔ)知識(shí)有一定的理解，這樣才能發(fā)揮本書的最大效用。

　　本書概覽

　　本書中的每一個(gè)章節(jié)與附錄都涵蓋有ECMAScript6的不同方面，許多章節(jié)一開始都會(huì)討論ECMAScript6中新變化的來龍去脈，以及這些改動(dòng)試圖解決的問題。所有章節(jié)都包含代碼示例來幫助你學(xué)習(xí)新的語法及概念。

　　第1章塊級作用域綁定討論var在塊級作用域中的替代方案—let和const。

　　第2章字符串和正則表達(dá)式詳盡介紹字符串模板，以及新增的操作與檢查字符串的功能。

　　第3章函數(shù)討論函數(shù)的多處改動(dòng)，包括箭頭函數(shù)（ArrowFunction）、默認(rèn)參數(shù)（DefaultParameters）、不定參數(shù)（RestParameters）等。

　　第4章擴(kuò)展對象的功能性解讀對象創(chuàng)建、修改及使用方面的改動(dòng)，包括對象字面量語法的變化、新的反射方法等。

　　第5章解構(gòu)：使數(shù)據(jù)訪問更便捷介紹一種通過簡明的語法分解對象和數(shù)組的方法—對象和數(shù)組解構(gòu)。

　　第6章Symbol和Symbol屬性介紹定義屬性的新途徑—Symbol。Symbol是一種新的原始類型，可用于創(chuàng)建外部無法直接訪問的對象屬性和方法。

　　第7章Set集合與Map集合詳述四種新的集合類型：Set、WeakSet、Map及WeakMap。這些類型為數(shù)組增添了新的語義、去重機(jī)制，以及專門為JavaScript設(shè)計(jì)的內(nèi)存管理機(jī)制，極大地?cái)U(kuò)展了數(shù)組的實(shí)用性。

　　第8章迭代器（Iterator）和生成器（Generator）這兩個(gè)全新的功能可以協(xié)助你更有效地處理集合數(shù)據(jù)，在早期版本的JavaScript中無法實(shí)現(xiàn)這樣的功能。

　　第9章JavaScript中的類介紹JavaScript中首次正式加入的類概念。接觸過其他語言的開發(fā)者通常會(huì)對JavaScript的語法感到困惑，新增的類語法使JavaScript變得更易上手，而且對熱衷于JavaScript的開發(fā)者來說新的語法變得更加簡潔。

　　第10章改進(jìn)數(shù)組的功能詳述針對原生數(shù)組進(jìn)行的改動(dòng)，以及這些有趣的變化為開發(fā)者所帶來的新體驗(yàn)。

　　第11章Promise與異步編程介紹語言的新成員—Promise。它是草根群體不斷努力的結(jié)晶，由于各大JavaScript庫的鼎立支持，這一功能逐漸被廣大開發(fā)者所接受。ECMAScript6正式將Promise納入標(biāo)準(zhǔn)并為其提供可用的Polyfill。

　　第12章代理（Proxy）和反射（Reflection）API介紹正式加入JavaScript的反射API和新的代理對象，開發(fā)者可以通過代理對象攔截每一個(gè)在對象中執(zhí)行的操作，代理也賦予了開發(fā)者空前的對象控制權(quán)，同樣也為定義新的交互模式帶來無限可能。

　　第13章用模塊封裝代碼詳述JavaScript的官方模塊風(fēng)格。加入這一定義旨在代替過去幾年中出現(xiàn)過的許多非正式的模塊定義風(fēng)格。

　　附錄AECMAScript6中較小的改動(dòng)涵蓋了ECMAScript6中實(shí)現(xiàn)的其他改動(dòng)，它們與每一章所涉及的主題關(guān)系不大，一般很少使用這些功能。

　　附錄B了解ECMAScript7（2016）描述了在ECMAScript7中實(shí)現(xiàn)的三個(gè)附加功能，它們在近期的影響力不會(huì)像ECMAScript6一樣大。

　　排版約定

　　本書使用以下的排版約定：

　　等寬字體代碼塊表示較長的代碼示例，如下所示：

　　functiondoSomething(){

　　//empty

　　}

　　在代碼塊中，console.log()語句右側(cè)的注釋表示在瀏覽器或Node.js控制臺(tái)中顯示的代碼執(zhí)行結(jié)果，例如：

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

　　如果代碼塊中的某行代碼引發(fā)錯(cuò)誤，也會(huì)在代碼的右側(cè)指示：

　　doSomething();//拋出錯(cuò)誤

　　幫助與支持

　　如果你在閱讀本書時(shí)有任何疑問，請發(fā)送郵件至我的郵件列表，地址為http://groups.google.com/group/zakasbooks。