Hubert Wesołowski

ES6 for the lazy

2017-VII-12

hwesol13@gmail.com

What are we going to talk about?

Destructuring

Spread operator

Rest operator

Example data

Destructuring

ES5 way

ES6 way

ES6 way

ES6 way

Single array element

Nested arrays

Nested arrays

Any nesting level

Swap two values

Swap two values ES6

Objects destruct

Objects destruct ES6

Objects destruct ES6

Objects destruct ES6

Object key shorthand

Object key shorthand

(No) default value

?

(No) default value

Default value

Default value

Default value

Default value

?

Default value

Default value

Default value

Default value

Default value

Default value

?

Default value

Default value

Aliases

Going crazy!

?

Going crazy!

Spread and rest operator

​...

​...

&

Spread

Rest

Rest operator

Rest operator

Rest operator

Proposal !!!

Spread operator

Spread operator

Spread operator

Spread operator

Spread operator

Spread operator

Spread operator

THANK YOU !

hwesol13@gmail.com

Copy of ES6 for the lazy

By Hubert Wesołowski

Copy of ES6 for the lazy

Destruct, spread and rest operators as a tools to keep code clean and more readable.

  • 198