ECMASCRIPT 6by Rob Eisenberg

ECMASCRIPT 6by Rob Eisenberg

• Creator of Caliburn.Micro & Durandal

• Former Angular 2.0 Team Member with Google

• Creator & Project Lead of Aurelia

ROB EISENBERG

Who Am I?

@EisenbergEffectrob@bluespire.com

Agenda

• ECMAScript Past

• ECMAScript 6 (ES6)

• ECMAScript Next

ECMASCRIPT PAST

ECMASCRIPT PAST

Timeline

1997 1999 2001 2003 2005 2007

1998 2000 2002 2004 2006 2008

ES2

ES1 ES3

2009

ES5

ECMASCRIPT 62015

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/

ECMASCRIPT 6

Feature Categories

• Syntax

• Libraries

• Runtime

ECMASCRIPT 6

Variable Declarationslet

const

ECMASCRIPT 6

ModulesExports

Imports

ECMASCRIPT 6

Classes

ECMASCRIPT 6

Arrow Functions

ECMASCRIPT 6

Promises

ECMASCRIPT 6

Iterators & for..of

ECMASCRIPT 6

Generators

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/

ECMASCRIPT 6

Transpilers

• http://babeljs.io

• http://github.com/google/traceur-compiler

• http://www.typescriptlang.org

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

ECMASCRIPT 6

Tools

• http://atom.io/

• http://www.jetbrains.com/webstorm

• http://www.sublimetext.com/3

• http://www.visualstudio.com

ECMASCRIPT NEXT

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…

end

@EisenbergEffectrob@bluespire.com