js-in-depth-es6.md

1. What is ES6

2. Let & Const

   • uses block scoping
   • const cannot be reassigned
   • not hoisted

3. Arrow Functions

   • uses block scoping
   • implied this value assignment
   • no prototype
   • The real purpose of arrow functions is to handle the THIS keyword withing nested / callback functions
   • You cannot bind new objects to arrow functions (call, apply, bind)
   • not hoisted

4. Default Function Parameters

   • we can specify default values for parameters
   • must go last in param list
   • each param can reference the param before it

5. Rest and Spread

   • Rest groups passed args into array
   • Rest default is array
   • Rest Arg lenth will still show total args values passed
   • Spread is the oposite of Rest
   • Spread take an collection of values and spreads them out as individual arg values

6. Object Literal Extension

   • propety and method shorthand (left hand right hand code)
   • implied rule use for setting this value in methods. Like arrow functions

7. Template Literals

   • better string building with variables

8. Destructoring

   • requires iterator
   • makes it possible to unpack values from arrays, or properties from objects, into distinct variables.
     • https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

9. Classes

   • Classes still use constructors
   • Classes still use prototype
   • Just a wrapper over es5 protypal inheritance
   • not hoisted
   • build protype chain using extends keyword
   • super is use to call parent class constructor
   • can set properties in constructor
   • can set instance methods in body
   • can set static members in body (accessed directly from class not instance)

10. Where to go from here

    • https://babeljs.io/learn-es2015/
    • http://eloquentjavascript.net/
    • https://github.com/getify/You-Dont-Know-JS/tree/master/es6%20%26%20beyond

11. Repl Notes

    • https://repl.it/@ricklopez/ES6-Class-4-4
    • https://repl.it/@ricklopez/ES6-Arrow-Function-4-4
    • https://repl.it/@ricklopez/ES6-4-4