Sorry! Your browser is unable to load the Impress slideshow. Try reloading the page in Google Chrome or Safari.
ECMAScript 6
Run through basic new features
What is ECMAScript 6
- Also known as ECMAScript 2015 or Harmony
- Latest version of the ECMAScript standard
- ES6 is a significant update to the language, the first update since ES5 was standardized in 2009
- Brings loads of new awesome features!
How can I use it?
Do you feel lucky?
Better use a transpiler:
This will convert your code to ES5
Lets dig into
what's new!
The let keyword
New way of defining variables
Why do we need it?
What is it good for?
Unlike var...
- No Hoisting - Block scoped
- Less error prone
- Easier to debug
- Less memory leaks
let's re-declare variables
Awesome
so... let is the new var, right?
Not so fast...
The const keyword
What?
The const keyword
- No hoisting
- Assignment during runtime
- Reference only
Default parameters
tip: pass undefined to use default
Arrow Functions
Before:
ES6:
tip: cannot be used as object constructors
Defining object properties
Before:
ES6:
Template strings
Template strings
Template strings
Template strings
This is just the tip of the Iceberg
Hope you enjoyed it
