ES6 的學(xué)習(xí)參考鏈接

1. 官方文件

• ECMAScript? 2015 Language Specification: ECMAScript 2015 規(guī)格
• ECMAScript? 2016 Language Specification: ECMAScript 2016 規(guī)格
• ECMAScript? 2017 Language Specification：ECMAScript 2017 規(guī)格（草案）
• ECMAScript Current Proposals: ECMAScript 當(dāng)前的所有提案
• ECMAScript Active Proposals: 已經(jīng)進(jìn)入正式流程的提案
• ECMAScript proposals：從階段 0 到階段 4 的所有提案列表
• TC39 meeting agendas: TC39 委員會歷年的會議記錄
• ECMAScript Daily: TC39 委員會的動態(tài)
• The TC39 Process: 提案進(jìn)入正式規(guī)格的流程
• TC39: A Process Sketch, Stages 0 and 1: Stage 0 和 Stage 1 的含義
• TC39 Process Sketch, Stage 2: Stage 2 的含義

2. 綜合介紹

• Axel Rauschmayer, Exploring ES6: Upgrade to the next version of JavaScript: ES6 的專著，本書的許多代碼實例來自該書
• Sayanee Basu, Use ECMAScript 6 Today
• Ariya Hidayat, Toward Modern Web Apps with ECMAScript 6
• Dale Schouten, 10 Ecmascript-6 tricks you can perform right now
• Colin Toh, Lightweight ES6 Features That Pack A Punch: ES6 的一些“輕量級”的特性介紹
• Domenic Denicola, ES6: The Awesome Parts
• Nicholas C. Zakas, Understanding ECMAScript 6
• Justin Drake, ECMAScript 6 in Node.JS
• Ryan Dao, Summary of ECMAScript 6 major features
• Luke Hoban, ES6 features: ES6 新語法點的羅列
• Traceur-compiler, Language Features: Traceur 文檔列出的一些 ES6 例子
• Axel Rauschmayer, ECMAScript 6: what’s next for JavaScript?: 關(guān)于 ES6 新增語法的綜合介紹，有很多例子
• Axel Rauschmayer, Getting started with ECMAScript 6: ES6 語法點的綜合介紹
• Toby Ho, ES6 in io.js
• Guillermo Rauch, ECMAScript 6
• Benjamin De Cock, Frontend Guidelines: ES6 最佳實踐
• Jani Hartikainen, ES6: What are the benefits of the new features in practice?
• kangax, JavaScript quiz. ES6 edition: ES6 小測試
• Jeremy Fairbank, HTML5DevConf ES7 and Beyond!: ES7 新增語法點介紹
• Timothy Gu, How to Read the ECMAScript Specification: 如何讀懂 ES6 規(guī)格

3. let 和 const

• Kyle Simpson, For and against let: 討論 let 命令的作用域
• kangax, Why typeof is no longer “safe”: 討論在塊級作用域內(nèi)，let 命令的變量聲明和賦值的行為
• Axel Rauschmayer, Variables and scoping in ECMAScript 6: 討論塊級作用域與 let 和 const 的行為
• Nicolas Bevacqua, ES6 Let, Const and the “Temporal Dead Zone” (TDZ) in Depth
• acorn, Function statements in strict mode: 塊級作用域?qū)?yán)格模式的函數(shù)聲明的影響
• Axel Rauschmayer, ES proposal: global: 頂層對象 global
• Mathias Bynens, A horrifying globalThis polyfill in universal JavaScript：如何寫 globalThis 的墊片庫

4. 解構(gòu)賦值

• Nick Fitzgerald, Destructuring Assignment in ECMAScript 6: 詳細(xì)介紹解構(gòu)賦值的用法
• Nicholas C. Zakas, ECMAScript 6 destructuring gotcha

5. 字符串

• Nicholas C. Zakas, A critical review of ECMAScript 6 quasi-literals
• Mozilla Developer Network, Template strings
• Addy Osmani, Getting Literal With ES6 Template Strings: 模板字符串的介紹
• Blake Winton, ES6 Templates: 模板字符串的介紹
• Peter Jaszkowiak, How to write a template compiler in JavaScript: 使用模板字符串，編寫一個模板編譯函數(shù)
• Axel Rauschmayer, ES.stage3: string padding

6. 正則

• Mathias Bynens, Unicode-aware regular expressions in ES6: 詳細(xì)介紹正則表達(dá)式的 u 修飾符
• Axel Rauschmayer, New regular expression features in ECMAScript 6：ES6 正則特性的詳細(xì)介紹
• Yang Guo, RegExp lookbehind assertions：介紹后行斷言
• Axel Rauschmayer, ES proposal: RegExp named capture groups: 具名組匹配的介紹
• Mathias Bynens, ECMAScript regular expressions are getting better!: 介紹 ES2018 添加的多項正則語法

7. 數(shù)值

• Nicolas Bevacqua, ES6 Number Improvements in Depth
• Axel Rauschmayer, ES proposal: arbitrary precision integers
• Mathias Bynens, BigInt: arbitrary-precision integers in JavaScript

8. 數(shù)組

• Axel Rauschmayer, ECMAScript 6’s new array methods: 對 ES6 新增的數(shù)組方法的全面介紹
• TC39, Array.prototype.includes: 數(shù)組的 includes 方法的規(guī)格
• Axel Rauschmayer, ECMAScript 6: holes in Arrays: 數(shù)組的空位問題

9. 函數(shù)

• Nicholas C. Zakas, Understanding ECMAScript 6 arrow functions
• Jack Franklin, Real Life ES6 - Arrow Functions
• Axel Rauschmayer, Handling required parameters in ECMAScript 6
• Dmitry Soshnikov, ES6 Notes: Default values of parameters: 介紹參數(shù)的默認(rèn)值
• Ragan Wald, Destructuring and Recursion in ES6: rest 參數(shù)和擴展運算符的詳細(xì)介紹
• Axel Rauschmayer, The names of functions in ES6: 函數(shù)的 name 屬性的詳細(xì)介紹
• Kyle Simpson, Arrow This: 箭頭函數(shù)并沒有自己的 this
• Derick Bailey, Do ES6 Arrow Functions Really Solve “this” In JavaScript?：使用箭頭函數(shù)處理 this 指向，必須非常小心
• Mark McDonnell, Understanding recursion in functional JavaScript programming: 如何自己實現(xiàn)尾遞歸優(yōu)化
• Nicholas C. Zakas, The ECMAScript 2016 change you probably don't know: 使用參數(shù)默認(rèn)值時，不能在函數(shù)內(nèi)部顯式開啟嚴(yán)格模式
• Axel Rauschmayer, ES proposal: optional catch binding
• Cynthia Lee, When you should use ES6 arrow functions?—?and when you shouldn’t: 討論箭頭函數(shù)的適用場合
• Eric Elliott, What is this?: 箭頭函數(shù)內(nèi)部的 this 的解釋。

10. 對象

• Addy Osmani, Data-binding Revolutions with Object.observe(): 介紹 Object.observe()的概念
• Sella Rafaeli, Native JavaScript Data-Binding: 如何使用 Object.observe 方法，實現(xiàn)數(shù)據(jù)對象與 DOM 對象的雙向綁定
• Axel Rauschmayer, proto in ECMAScript 6
• Axel Rauschmayer, Enumerability in ECMAScript 6
• Axel Rauschmayer, ES proposal: Object.getOwnPropertyDescriptors()
• TC39, Object.getOwnPropertyDescriptors Proposal
• David Titarenco, How Spread Syntax Breaks JavaScript: 擴展運算符的一些不合理的地方

11. Symbol

• Axel Rauschmayer, Symbols in ECMAScript 6: Symbol 簡介
• MDN, Symbol: Symbol 類型的詳細(xì)介紹
• Jason Orendorff, ES6 In Depth: Symbols
• Keith Cirkel, Metaprogramming in ES6: Symbols and why they're awesome: Symbol 的深入介紹
• Axel Rauschmayer, Customizing ES6 via well-known symbols
• Derick Bailey, Creating A True Singleton In Node.js, With ES6 Symbols
• Das Surma, How to read web specs Part IIa – Or: ECMAScript Symbols: 介紹 Symbol 的規(guī)格

12. Set 和 Map

• Mozilla Developer Network, WeakSet：介紹 WeakSet 數(shù)據(jù)結(jié)構(gòu)
• Dwayne Charrington, What Are Weakmaps In ES6?: WeakMap 數(shù)據(jù)結(jié)構(gòu)介紹
• Axel Rauschmayer, ECMAScript 6: maps and sets: Set 和 Map 結(jié)構(gòu)的詳細(xì)介紹
• Jason Orendorff, ES6 In Depth: Collections：Set 和 Map 結(jié)構(gòu)的設(shè)計思想
• Axel Rauschmayer, Converting ES6 Maps to and from JSON: 如何將 Map 與其他數(shù)據(jù)結(jié)構(gòu)互相轉(zhuǎn)換

13. Proxy 和 Reflect

• Nicholas C. Zakas, Creating defensive objects with ES6 proxies
• Axel Rauschmayer, Meta programming with ECMAScript 6 proxies: Proxy 詳解
• Daniel Zautner, Meta-programming JavaScript Using Proxies: 使用 Proxy 實現(xiàn)元編程
• Tom Van Cutsem, Harmony-reflect: Reflect 對象的設(shè)計目的
• Tom Van Cutsem, Proxy Traps: Proxy 攔截操作一覽
• Tom Van Cutsem, Reflect API
• Tom Van Cutsem, Proxy Handler API
• Nicolas Bevacqua, ES6 Proxies in Depth
• Nicolas Bevacqua, ES6 Proxy Traps in Depth
• Nicolas Bevacqua, More ES6 Proxy Traps in Depth
• Axel Rauschmayer, Pitfall: not all objects can be wrapped transparently by proxies
• Bertalan Miklos, Writing a JavaScript Framework - Data Binding with ES6 Proxies: 使用 Proxy 實現(xiàn)觀察者模式
• Keith Cirkel, Metaprogramming in ES6: Part 2 - Reflect: Reflect API 的詳細(xì)介紹

14. Promise 對象

• Jake Archibald, JavaScript Promises: There and back again
• Jake Archibald, Tasks, microtasks, queues and schedules
• Tilde, rsvp.js
• Sandeep Panda, An Overview of JavaScript Promises: ES6 Promise 入門介紹
• Dave Atchley, ES6 Promises: Promise 的語法介紹
• Axel Rauschmayer, ECMAScript 6 promises (2/2): the API: 對 ES6 Promise 規(guī)格和用法的詳細(xì)介紹
• Jack Franklin, Embracing Promises in JavaScript: catch 方法的例子
• Ronald Chen, How to escape Promise Hell: 如何使用 Promise.all方法的一些很好的例子
• Jordan Harband, proposal-promise-try: Promise.try() 方法的提案
• Sven Slootweg, What is Promise.try, and why does it matter?: Promise.try() 方法的優(yōu)點
• Yehuda Katz, TC39: Promises, Promises: Promise.try() 的用處

15. Iterator

• Mozilla Developer Network, Iterators and generators
• Mozilla Developer Network, The Iterator protocol
• Jason Orendorff, ES6 In Depth: Iterators and the for-of loop: 遍歷器與 for...of 循環(huán)的介紹
• Axel Rauschmayer, Iterators and generators in ECMAScript 6: 探討 Iterator 和 Generator 的設(shè)計目的
• Axel Rauschmayer, Iterables and iterators in ECMAScript 6: Iterator 的詳細(xì)介紹
• Kyle Simpson, Iterating ES6 Numbers: 在數(shù)值對象上部署遍歷器

16. Generator

• Matt Baker, Replacing callbacks with ES6 Generators
• Steven Sanderson, Experiments with Koa and JavaScript Generators
• jmar777, What's the Big Deal with Generators?
• Marc Harter, Generators in Node.js: Common Misconceptions and Three Good Use Cases: 討論 Generator 函數(shù)的作用
• StackOverflow, ES6 yield : what happens to the arguments of the first call next()?: 第一次使用 next 方法時不能帶有參數(shù)
• Kyle Simpson, ES6 Generators: Complete Series: 由淺入深探討 Generator 的系列文章，共四篇
• Gajus Kuizinas, The Definitive Guide to the JavaScript Generators: 對 Generator 的綜合介紹
• Jan Krems, Generators Are Like Arrays: 討論 Generator 可以被當(dāng)作數(shù)據(jù)結(jié)構(gòu)看待
• Harold Cooper, Coroutine Event Loops in JavaScript: Generator 用于實現(xiàn)狀態(tài)機
• Ruslan Ismagilov, learn-generators: 編程練習(xí)，共 6 道題
• Steven Sanderson, Experiments with Koa and JavaScript Generators: Generator 入門介紹，以 Koa 框架為例
• Mahdi Dibaiee, ES7 Array and Generator comprehensions：ES7 的 Generator 推導(dǎo)
• Nicolas Bevacqua, ES6 Generators in Depth
• Axel Rauschmayer, ES6 generators in depth: Generator 規(guī)格的詳盡講解
• Derick Bailey, Using ES6 Generators To Short-Circuit Hierarchical Data Iteration：使用 for...of 循環(huán)完成預(yù)定的操作步驟

17. 異步操作和 Async 函數(shù)

• Luke Hoban, Async Functions for ECMAScript: Async 函數(shù)的設(shè)計思想，與 Promise、Gernerator 函數(shù)的關(guān)系
• Jafar Husain, Asynchronous Generators for ES7: Async 函數(shù)的深入討論
• Nolan Lawson, Taming the asynchronous beast with ES7: async 函數(shù)通俗的實例講解
• Jafar Husain, Async Generators: 對 async 與 Generator 混合使用的一些討論
• Daniel Brain, Understand promises before you start using async/await: 討論 async/await 與 Promise 的關(guān)系
• Jake Archibald, Async functions - making promises friendly
• Axel Rauschmayer, ES proposal: asynchronous iteration: 異步遍歷器的詳細(xì)介紹
• Dima Grossman, How to write async await without try-catch blocks in JavaScript: 除了 try/catch 以外的 async 函數(shù)內(nèi)部捕捉錯誤的方法
• Mostafa Gaafa, 6 Reasons Why JavaScript’s Async/Await Blows Promises Away: Async 函數(shù)的6個好處
• Mathias Bynens, Asynchronous stack traces: why await beats Promise#then(): async 函數(shù)可以保留錯誤堆棧

18. Class

• Sebastian Porto, ES6 classes and JavaScript prototypes: ES6 Class 的寫法與 ES5 Prototype 的寫法對比
• Jack Franklin, An introduction to ES6 classes: ES6 class 的入門介紹
• Axel Rauschmayer, ECMAScript 6: new OOP features besides classes
• Axel Rauschmayer, Classes in ECMAScript 6 (final semantics): Class 語法的詳細(xì)介紹和設(shè)計思想分析
• Eric Faust, ES6 In Depth: Subclassing: Class 語法的深入介紹
• Nicolás Bevacqua, Binding Methods to Class Instance Objects: 如何綁定類的實例中的 this
• Jamie Kyle, JavaScript's new #private class fields：私有屬性的介紹。
• Mathias Bynens, Public and private class fields：實例屬性的新寫法的介紹。

19. Decorator

• Maximiliano Fierro, Declarative vs Imperative: Decorators 和 Mixin 介紹
• Justin Fagnani, "Real" Mixins with JavaScript Classes: 使用類的繼承實現(xiàn) Mixin
• Addy Osmani, Exploring ES2016 Decorators: Decorator 的深入介紹
• Sebastian McKenzie, Allow decorators for functions as well: 為什么修飾器不能用于函數(shù)
• Maximiliano Fierro, Traits with ES7 Decorators: Trait 的用法介紹
• Jonathan Creamer: Using ES2016 Decorators to Publish on an Event Bus: 使用修飾器實現(xiàn)自動發(fā)布事件

20. Module

• Jack Franklin, JavaScript Modules the ES6 Way: ES6 模塊入門
• Axel Rauschmayer, ECMAScript 6 modules: the final syntax: ES6 模塊的介紹，以及與 CommonJS 規(guī)格的詳細(xì)比較
• Dave Herman, Static module resolution: ES6 模塊的靜態(tài)化設(shè)計思想
• Jason Orendorff, ES6 In Depth: Modules: ES6 模塊設(shè)計思想的介紹
• Ben Newman, The Importance of import and export: ES6 模塊的設(shè)計思想
• ESDiscuss, Why is "export default var a = 1;" invalid syntax?
• Bradley Meck, ES6 Module Interoperability: 介紹 Node 如何處理 ES6 語法加載 CommonJS 模塊
• Axel Rauschmayer, Making transpiled ES modules more spec-compliant: ES6 模塊編譯成 CommonJS 模塊的詳細(xì)介紹
• Axel Rauschmayer, ES proposal: import() – dynamically importing ES modules: import() 的用法
• Node EPS, ES Module Interoperability: Node 對 ES6 模塊的處理規(guī)格

21. 二進(jìn)制數(shù)組

• Ilmari Heikkinen, Typed Arrays: Binary Data in the Browser
• Khronos, Typed Array Specification
• Ian Elliot, Reading A BMP File In JavaScript
• Renato Mangini, How to convert ArrayBuffer to and from String
• Axel Rauschmayer, Typed Arrays in ECMAScript 6
• Axel Rauschmayer, ES proposal: Shared memory and atomics
• Lin Clark, Avoiding race conditions in SharedArrayBuffers with Atomics: Atomics 對象使用場景的解釋
• Lars T Hansen, Shared memory - a brief tutorial
• James Milner, The Return of SharedArrayBuffers and Atomics

22. SIMD

• TC39, SIMD.js Stage 2
• MDN, SIMD
• TC39, ECMAScript SIMD
• Axel Rauschmayer, JavaScript gains support for SIMD

23. 工具

• Babel, Babel Handbook: Babel 的用法介紹
• Google, traceur-compiler: Traceur 編譯器
• Casper Beyer, ECMAScript 6 Features and Tools
• Stoyan Stefanov, Writing ES6 today with jstransform
• ES6 Module Loader, ES6 Module Loader Polyfill: 在瀏覽器和 node.js 加載 ES6 模塊的一個庫，文檔里對 ES6 模塊有詳細(xì)解釋
• Paul Miller, es6-shim: 一個針對老式瀏覽器，模擬 ES6 部分功能的墊片庫（shim）
• army8735, JavaScript Downcast: 國產(chǎn)的 ES6 到 ES5 的轉(zhuǎn)碼器
• esnext, ES6 Module Transpiler：基于 node.js 的將 ES6 模塊轉(zhuǎn)為 ES5 代碼的命令行工具
• Sebastian McKenzie, BabelJS: ES6 轉(zhuǎn)譯器
• SystemJS, SystemJS: 在瀏覽器中加載 AMD、CJS、ES6 模塊的一個墊片庫
• Modernizr, HTML5 Cross Browser Polyfills: ES6 墊片庫清單
• Facebook, regenerator: 將 Generator 函數(shù)轉(zhuǎn)為 ES5 的轉(zhuǎn)碼器## 1. 官方文件 ECMAScript? 2015 Language Specification: ECMAScript 2015 規(guī)格ECMAScript? 2016 Language Specification: ECMAScript 2016 規(guī)格ECMAScript? 2017 Language Specification：ECMAScript 2017 規(guī)格（草案）ECMAScript Current Proposals: ECMAScript 當(dāng)前的所有提案ECMAScript Active Proposals: 已經(jīng)進(jìn)入正式流程的提案ECMAScript proposals：從階段 0 到階段 4 的所有提案列表TC39 meeting agendas: TC39 委員會歷年的會議記錄ECMAScript Daily: TC39 委員會的動態(tài)The TC39 Process: 提案進(jìn)入正式規(guī)格的流程TC39: A Process Sketch, Stages 0 and 1: Stage 0 和 Stage 1 的含義TC39 Process Sketch, Stage 2: Stage 2 的含義