The New JavaScript: ES6
6 likes•4,594 views
The document outlines an overview of ECMAScript 6 (ES6), detailing its features such as arrow functions, classes, and promises. It also covers the evolution of ECMAScript from its inception to ES6 and hints at future developments in ECMAScript Next, including async/await and decorators. Additionally, it lists resources for transpilers, polyfills, and tools related to ES6.
The New JavaScript: ES6
- 1. ECMASCRIPT 6 by Rob Eisenberg
- 2. ECMASCRIPT 6 by Rob Eisenberg
- 3. • Creator of Caliburn.Micro & Durandal • Former Angular 2.0 Team Member with Google • Creator & Project Lead of Aurelia ROB EISENBERG Who Am I? @[email protected]
- 4. Agenda • ECMAScript Past • ECMAScript 6 (ES6) • ECMAScript Next
- 6. ECMASCRIPT PAST Timeline 1997 1999 2001 2003 2005 2007 1998 2000 2002 2004 2006 2008 ES2 ES1 ES3 2009 ES5
- 8. ECMASCRIPT 6 Overview • arrows • classes • enhanced object literals • template strings • destructuring • default + rest + spread • let + const • iterators + for..of • generators • comprehensions • unicode • modules • module loaders • map + set + weakmap + weakset • proxies • symbols • subclassable built-ins • promises • math + number + string + object APIs • binary and octal literals • reflect api • tail calls http://babeljs.io/docs/learn-es6/
- 9. ECMASCRIPT 6 Feature Categories • Syntax • Libraries • Runtime
- 15. ECMASCRIPT 6 Iterators & for..of
- 17. ECMASCRIPT 6 Overview • arrows • classes • enhanced object literals • template strings • destructuring • default + rest + spread • let + const • iterators + for..of • generators • comprehensions • unicode • modules • module loaders • map + set + weakmap + weakset • proxies • symbols • subclassable built-ins • promises • math + number + string + object APIs • binary and octal literals • reflect api • tail calls http://babeljs.io/docs/learn-es6/
- 18. ECMASCRIPT 6 Transpilers • http://babeljs.io • http://github.com/google/traceur-compiler • http://www.typescriptlang.org
- 19. ECMASCRIPT 6 Polyfills • https://github.com/zloirock/core-js • https://github.com/paulmillr/es6-shim • https://github.com/ModuleLoader/es6-module-loader • https://github.com/systemjs/systemjs
- 20. ECMASCRIPT 6 Tools • http://atom.io/ • http://www.jetbrains.com/webstorm • http://www.sublimetext.com/3 • http://www.visualstudio.com
- 21. ECMASCRIPT NEXT
- 22. ECMASCRIPT 7 Overview • New Release Cadence • Parallel Development • New Naming Scheme • ES 2015 (formerly ES6) • ES 2016 (Formerly ES7) • New Features • async/await • decorators • Object.observe • more…