Section15-ES2015-Part-1

Section 15- ES2015 Part I

ES2015 Features"

• const

  const MDN Doc

• let

  let MDN docs

• Template strings

  Template literals/strings MDN doc

• Arrow functions

  Arrow functions MDN doc

  Arrow functions for Beginners - Codeburst

  Arrow functions: Fat and Concise Syntax in Javascript - Sitepoint

  The catch with Arrow functions:

  this keyword

  • they don't get their own this keyword
  • inside of arrow functions, this has its original meaning from enclosing context
  • the fact that arrow functions don't have their own this keyword can be quite helpful- you just need to understand when you might NOT want that

  arguments keyword

  • Arrow functions also don't get their own arguments keyword
  • An arguments keyword can be accessed if the arrow function is inside anotherfunction

    function(outer){ return innerFunction = ()=> {
  return arguments;
  }
}
outer(1)(2); //Prints only 1

  Arrow functions should NEVER be used for creating methods in objects since we will get the incorrect value of this.

• Default parameters

  Default parameters MDN doc

• for...of loops

  for..of MDN doc

• Rest operator

  Rest parameters MDN doc

  • Rest operator always returns an array
  • Is called the rest operator only when it's a parameter to a function

• Spread

  Spread syntax MDN doc

  • Used on arrays to spread each value out (as a comma separated value)
  • Useful when you have an array, but what you are working with expects comma separated values
  • Used on arrays to spread each value out (as a comma separated value)
  • Useful when you have an array, but what you are working with expects comma separated values

• Object shorthands

  Object shorthands MDN doc

  Object shorthand rules ESLINT.org

• Destructuring

  Extracting values from data stored in objects and arrays

  Destructuring Assignment MDN Doc

  ES6 Descructuring- 2ality

  Destructuring Assignment in ES6- Arrays

Resources

Section slides

Less Used features in ES2015-Proxies

Less Common feature in ES2015-Reflect

Less Common feature in ES2015-Symbol