edit-article

Article Description: [SUMMARY] ] by adrian mejia @ adrianmejia.com - adrians lists the newest features in this version of JavaScript. Explains each feature and provides examples of usage of the new features in comparison to similar features in ES5.

Chapter ID/Name:

Status: Write Writing Written

Add Photo:

Owner ID:

Content: use HTML Edit Content <h1 style="text-align: center;">Overview of JavaScript ES6 features</h1> <h2>[WHAT]</h2> <ol> <li>[] by adrian mejia @ adrianmejia.com - adrians lists the newest features in this version of JavaScript. Explains each feature and provides examples of usage of the new features in comparison to similar features in ES5.</li> </ol> <h2>[WHY]</h2> <ol> <li>[] article lists the new features in the JavaScript es6,</li> <li>[] provides examples of how to implement each feature,</li> <li>[] provides comparison to implementing the same functionality in es5</li> </ol> <h2>[WHERE]</h2> <ol> <li><strong>[] READ THE FULL ARTICLE</strong></li> <ol> <li>[]&nbsp;<a href="http://adrianmejia.com/blog/2016/10/19/Overview-of-JavaScript-ES6-features-a-k-a-ECMAScript-6-and-ES2015/#.WA4G-3dZebs.hackernews" target="_blank">Overview of JavaScript ES6 features</a>&nbsp;</li> </ol></ol> <h2>[WHEN]</h2> <ol> <li>[] 2016-11-04</li> <li>[] 2019-11-23 - updated,</li> </ol> <h2>[EXAMPLE]</h2> <ol> <li><strong>[] block scope variables</strong></li> <ol> <li>[] let</li> <li>[] const</li> </ol> <li><strong>[] template litereals</strong></li> <ol> <li>[] str = `the text and ${someVariable}`</li> <li>[] note the backticks vs the double quotes used when declaring a string</li> </ol> <li><strong>[] multi - line strings</strong></li> <ol> <li>[]</li> </ol> <li><strong>[] destructuring assignment</strong></li> <ol> <li>[] const array = [0,1,2,3]</li> <li>[] const arraySubset[first, third] = array // results in [0,2]&nbsp;</li> </ol> <li><strong>[] classes and objects</strong></li> <ol> <li>[]&nbsp; class Animal()</li> <li>[]&nbsp;&nbsp;&nbsp; constructor(name){}</li> </ol> <li><strong>[] inheritance</strong></li> <ol> <li>[] new keyword extends -</li> <li>[] new keyword super -</li> </ol> <li><strong>[] promises</strong></li> <ol> <li>[] We went from callback hell ???? to promises ????</li> </ol> <li><strong>[] arrow functions</strong></li> <ol> <li>[]</li> </ol> <li><strong>[] For...of</strong></li> <ol> <li>[] ranges - use - for (const element of array) { doSomethingWithElm() } // VS forEach with method</li> </ol> <li><strong>[] default parameters</strong></li> <ol> <li>[] </li> </ol> <li><strong>[] rest parameters</strong></li> <ol> <li>[] </li> </ol> <li><strong>[] spread operator </strong></li> <ol> <li>[] </li> </ol></ol> <h2>[HOW-TO]</h2> <ol> <li>]</li> </ol> <h2>[REFERENCE]</h2> <ol> <li>[x] #&nbsp;6537 -&nbsp;<a href="/view/task?id=6537" target="_blank">CREATE-article# 5388</a>&nbsp;- overview of JavaScript ES6 features&nbsp;</li> <li><span style="background-color: #ffff00;">[x] &gt; td]&nbsp;SRC=<a href="/view/article?id=5352&amp;startpage=1" target="_blank">best-of-hn 2016-10-24</a>(#)/<a href="https://news.ycombinator.com/item?id=11859395" target="_blank"><span style="background-color: #ffff00;">comments</span></a>(#)</span></li> </ol> <h1 style="text-align: center;">&nbsp;</h1>