ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased...

34
ECMAScript 6 (JavaScript v.next)

Transcript of ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased...

Page 1: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

ECMAScript 6

(JavaScript v.next)

Page 2: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Why?

First substantial addition to JavaScript since inception

Page 3: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

When?

Page 4: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

let

Page 5: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

const

Page 6: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Destructuring

Page 7: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Default Parameter Values

Page 8: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Rest Parameters

Page 9: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Spread Operator

Page 10: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Template Literals

Page 11: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Why Classes?

Class Definition

Object

Object

Object

Page 12: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Why Classes?

Employee

Employee Object

Employee Object

Employee Object

Page 13: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Why Classes?

Employee

getName

doWork

Employee Object

“Scott”

Employee Object

“Alex”

Employee Object

“Chris”

Page 14: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Class versus Prototype

Page 15: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

constructor

Page 16: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Getters and Setters

Page 17: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Inheritance

Page 18: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

super

Page 19: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Arrow Functions

Page 20: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Arrows and this

Page 21: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Iterables and Iterators

Page 22: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

for of

Page 23: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Make Your Own Iterable

Page 24: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Generators

Page 25: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Array Comprehensions

Page 26: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Generator Comprehensions

Page 27: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

An IIFE Module

Organize

Control

visibility

Page 28: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

CommonJS

Page 29: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

AMD

Page 30: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

ES6 Modules

Page 31: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

module and default

Page 32: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Hiding The Details

Page 33: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Writing ES6 Today With Tracuer

Page 34: ECMAScript 6 (JavaScript v.next) · ECMAScript versio ins, to later be renamed LiveScript re eased CommonJS project started Mozil a creates XMLHTTPRequest Object ECMAScript version

Summary

ES6 is the future!