(public).sospep.subjects ~ view article ~ overview-of-javascript-ES6-features

<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>

~ view article ~ Chapter] ch-005-features FROM [ Book] language-javascript IN [ libraries] technology-developer-www