ECMAScript 6 參考鏈接

1. 官方文件
2. 綜合介紹
3. let和const
4. 解構(gòu)賦值
5. 字符串
6. 正則
7. 數(shù)值
8. 數(shù)組
9. 函數(shù)
10. 對(duì)象
11. Proxy和Reflect
12. Symbol
13. 二進(jìn)制數(shù)組
14. Set和Map
15. Iterator
16. Generator
17. Promise對(duì)象
18. 異步操作和Async函數(shù)
19. Class
20. Decorator
21. Module
22. 工具

官方文件

• ECMAScript® 2015 Language Specification: ES6語言規(guī)格
• ECMAScript Current Proposals: ECMAScript當(dāng)前的各種提案
• ECMAScript® 2016 Language Specification: ECMAScript 2016草案

綜合介紹

• Axel Rauschmayer, Exploring ES6: Upgrade to the next version of JavaScript: ES6的專著，本書的許多代碼實(shí)例來自該書
• 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的一些“輕量級(jí)”的特性介紹
• 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新語法點(diǎn)的羅列
• 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語法點(diǎn)的綜合介紹
• Toby Ho, ES6 in io.js
• Guillermo Rauch, ECMAScript 6
• Charles King, The power of ECMAScript 6
• Benjamin De Cock, Frontend Guidelines: ES6最佳實(shí)踐
• Jani Hartikainen, ES6: What are the benefits of the new features in practice?
• kangax, Javascript quiz. ES6 edition: ES6小測(cè)試
• Jeremy Fairbank, HTML5DevConf ES7 and Beyond!: ES7新增語法點(diǎn)介紹

let和const

• Kyle Simpson, For and against let: 討論let命令的作用域
• kangax, Why typeof is no longer “safe”: 討論在塊級(jí)作用域內(nèi)，let命令的變量聲明和賦值的行為
• Axel Rauschmayer, Variables and scoping in ECMAScript 6: 討論塊級(jí)作用域與let和const的行為
• Nicolas Bevacqua, ES6 Let, Const and the “Temporal Dead Zone” (TDZ) in Depth
• acorn, Function statements in strict mode: 塊級(jí)作用域?qū)?yán)格模式的函數(shù)聲明的影響

解構(gòu)賦值

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

字符串

• 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: 使用模板字符串，編寫一個(gè)模板編譯函數(shù)
• Axel Rauschmayer, ES.stage3: string padding

正則

• 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：介紹后行斷言

數(shù)值

• Nicolas Bevacqua, ES6 Number Improvements in Depth

數(shù)組

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

函數(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ù)和擴(kuò)展運(yùn)算符的詳細(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: 如何自己實(shí)現(xiàn)尾遞歸優(yōu)化

對(duì)象

• Addy Osmani, Data-binding Revolutions with Object.observe(): 介紹Object.observe()的概念
• Sella Rafaeli, Native JavaScript Data-Binding: 如何使用Object.observe方法，實(shí)現(xiàn)數(shù)據(jù)對(duì)象與DOM對(duì)象的雙向綁定
• Axel Rauschmayer, __proto__ in ECMAScript 6
• Axel Rauschmayer, Enumerability in ECMAScript 6
• Axel Rauschmayer, ES proposal: Object.getOwnPropertyDescriptors()
• TC39, Object.getOwnPropertyDescriptors Proposal

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實(shí)現(xiàn)元編程
• Tom Van Cutsem, Harmony-reflect: Reflect對(duì)象的設(shè)計(jì)目的
• 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

Symbol

• Axel Rauschmayer, Symbols in ECMAScript 6: Symbol簡(jiǎn)介
• 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

二進(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

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è)計(jì)思想
• Axel Rauschmayer, Converting ES6 Maps to and from JSON: 如何將Map與其他數(shù)據(jù)結(jié)構(gòu)互相轉(zhuǎn)換

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è)計(jì)目的
• Axel Rauschmayer, Iterables and iterators in ECMAScript 6: Iterator的詳細(xì)介紹
• Kyle Simpson, Iterating ES6 Numbers: 在數(shù)值對(duì)象上部署遍歷器

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í)不能帶有參數(shù)
• Kyle Simpson, ES6 Generators: Complete Series: 由淺入深探討Generator的系列文章，共四篇
• Gajus Kuizinas, The Definitive Guide to the JavaScript Generators: 對(duì)Generator的綜合介紹
• Jan Krems, Generators Are Like Arrays: 討論Generator可以被當(dāng)作數(shù)據(jù)結(jié)構(gòu)看待
• Harold Cooper, Coroutine Event Loops in Javascript: Generator用于實(shí)現(xiàn)狀態(tài)機(jī)
• 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ù)定的操作步驟

Promise對(duì)象

• Jake Archibald, JavaScript Promises: There and back again
• 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: 對(duì)ES6 Promise規(guī)格和用法的詳細(xì)介紹
• Jack Franklin, Embracing Promises in JavaScript: catch方法的例子
• Ronald Chen, How to escape Promise Hell: 如何使用Promise.all方法的一些很好的例子

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

• Luke Hoban, Async Functions for ECMAScript: Async函數(shù)的設(shè)計(jì)思想，與Promise、Gernerator函數(shù)的關(guān)系
• Jafar Husain, Asynchronous Generators for ES7: Async函數(shù)的深入討論
• Nolan Lawson, Taming the asynchronous beast with ES7: async函數(shù)通俗的實(shí)例講解
• Jafar Husain, Async Generators: 對(duì)async與Generator混合使用的一些討論
• Daniel Brain, Understand promises before you start using async/await: 討論async/await與Promise的關(guān)系

Class

• Sebastian Porto, ES6 classes and JavaScript prototypes: ES6 Class的寫法與ES5 Prototype的寫法對(duì)比
• 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è)計(jì)思想分析
• Eric Faust, ES6 In Depth: Subclassing: Class語法的深入介紹
• Nicolás Bevacqua, Binding Methods to Class Instance Objects: 如何綁定類的實(shí)例中的this

Decorator

• Maximiliano Fierro, Declarative vs Imperative: Decorators和Mixin介紹
• Justin Fagnani, "Real" Mixins with JavaScript Classes: 使用類的繼承實(shí)現(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: 使用修飾器實(shí)現(xiàn)自動(dòng)發(fā)布事件

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è)計(jì)思想
• Jason Orendorff, ES6 In Depth: Modules: ES6模塊設(shè)計(jì)思想的介紹
• Ben Newman, The Importance of import and export: ES6模塊的設(shè)計(jì)思想
• ESDiscuss, Why is "export default var a = 1;" invalid syntax?

工具

• 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模塊的一個(gè)庫，文檔里對(duì)ES6模塊有詳細(xì)解釋
• Paul Miller, es6-shim: 一個(gè)針對(duì)老式瀏覽器，模擬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模塊的一個(gè)墊片庫
• Modernizr, HTML5 Cross Browser Polyfills: ES6墊片庫清單
• Facebook, regenerator: 將Generator函數(shù)轉(zhuǎn)為ES5的轉(zhuǎn)碼器