es6，或许应该叫 es2015（2015 年 6 月正式发布），对于大多数前端同学都不陌生。
首先这篇文章不是工具书，不会去过多谈概念，而是想聊聊关于每个特性 你可能不知道的事，希望能为各位同学 正确使用 es6，提供一些指导。
对于 es6，有些同学已经在项目中有过深入使用了，有些则刚刚开始认识他，但不论你是属于哪一类，相信这篇文章都有适合你的部分。针对文章中的问题或不同意见，欢迎随时拍砖、指正。
这个大概是开始了解 es6 后，我们第一个感觉自己完全明白并兴致勃勃的开始使用的特性。
以如下方式使用的同学请举下手？
很多人看完概念之后，第一印象都是：“<code>const</code> 是表示不可变的值，而 <code>let</code> 则是用来替换原来的 <code>var</code> 的。”
所以就会出现上面代码中的样子；一段代码中出现大量的 <code>let</code>，只有部分常量用 <code>const</code> 去做定义，这样的使用方式是错误的。
<code>const</code> 的定义是不可重新赋值的值，与不可变的值(immutable value)不同；<code>const</code> 定义的 object，在定义之后仍可以修改其属性。
所以其实他的使用场景很广，包括常量、配置项以及引用的组件、定义的 “大部分” 中间变量等，都应该以<code>const</code>做定义。反之就 <code>let</code> 而言，他的使用场景应该是相对较少的，我们只会在 loop(for，while 循环)及少量必须重定义的变量上用到他。
猜想：就执行效率而言，<code>const</code> 由于不可以重新赋值的特性，所以可以做更多语法静态分析方面的优化，从而有更高的执行效率。
所以上面代码中，所有使用 <code>let</code> 的部分，其实都应该是用 <code>const</code> 的。
字符串模板是我刚接触es6时最喜欢的特性之一，他语法简洁，语义明确，而且很好的解决了之前字符串拼接麻烦的问题。
因为他并不是 “必须” 的，而且原有的字符串拼接思维根深蒂固，导致我们很容易忽视掉他。
我们先来看看他的一般使用场景：
增强的对象字面量是 es6 中的升华功能，他设计了很多简写，这些简写不但保留了明确的语义，还减少了我们多余的代码量。
当他的使用成为一个习惯时，我们会看到自己代码变得更为优雅。
箭头函数是es6中的一个新的语法特性，他的用法简单，形态优雅，备受人们青睐。
大多数同学初识这个特性时，更多的仅仅用它作为函数定义的简写，这其实就有些屈才了。
可以注意到上下两段代码的区别。
在未使用箭头函数前，我们在过程函数中使用父级 <code>this</code>，需要将其显式缓存到另一个中间变量中，因为过程函数有独立的 <code>this</code> 变量，会覆盖父级；使用箭头函数后，不但简写了一个过程函数（ <code>foreach</code> 的参数），还省略掉了 <code>this</code> 的中间变量的定义。
原因：箭头函数没有独立执行上下文（ <code>this</code> ），所以其内部引用 <code>this</code> 对象会直接访问父级。
插播：原来我们定义这个中间变量还有一个有趣的现象，就是明明千奇百怪，例如<code>self, that, me, _that, _me, self...</code>，快站出来说说你用过哪个，还是哪几个~
当然，从这块我们也可以看出，箭头函数是无法替代全部 <code>function</code> 的使用场景的，例如我们需要有独立 <code>this</code> 的函数。
箭头函数不但没有独立 <code>this</code>，他也没有独立的 <code>arguments</code>，所以如果需要取不定参的时候，要么使用 <code>function</code>，要么用 es6 的另一个新特性 rest（具体在 rest 中会有详解）。
箭头函数语法很灵活，在只有一个参数或者只有一句表达式做方法体时，可以省略相应括号。
有个简单小栗子，这一灵活的语法在写连续的promise链式调用时，可以使代码更加优雅
解构这个特性可以简单解读为分别定义，用于一次定义多个变量，常常用于分解方法返回对象为多个变量，分别使用。
使用过es6的同学应该或多或少接触过这个特性，但是你可能不知道它如下几个用法：
rest 和 spread 主要是应用 <code>...</code> 运算符，完成值的聚合和分解。
es6 中实现的一个语法糖，用于简化基于原型集成实现类定义的场景。
虽然有很多人不太喜欢这个特性，认为它作为一个简单增强扩展，并没有其他语言 class 应有的特点。
但是就我自己观点来看，还是感觉这样一种写法确实比原有的原型继承的写法语义更清晰、明确，而且语法更简单。
同样，可能有些用法是你之前容易忽略掉的，在此做个补充。
promise 不只是一个对象、一个语法，他更是一种异步编程方式的变化
相信使用过 es6 的同学都已经开始尝试了 promise，甚至在不支持es6的时候，已经开始使用一些基于 promise 思想的开源框架。
那么我们之前用 promise 究竟用的对么？有什么需要注意的点呢？
基础篇主要是讲了我们最常用的一些特性，后续如果大家感兴趣，还可以再来个 “进阶篇”，最后，希望文章中的部分内容可以对大家理解和使用 es6 有所帮助。
<a href="https://www.stackoverflow.com/" target="_blank">https://www.stackoverflow.com</a>
<a href="https://developer.mozilla.org/en-us/docs/web/javascript" target="_blank">https://developer.mozilla.org/en-us/docs/web/javascript</a>
<a href="https://babeljs.io/docs/learn-es2015/" target="_blank">https://babeljs.io/docs/learn-es2015/</a>
<a href="https://ponyfoo.com/articles/es6-spread-and-butter-in-depth" target="_blank">https://ponyfoo.com/articles/es6-spread-and-butter-in-depth</a>
<a href="http://12devs.co.uk/articles/promises-an-alternative-way-to-approach-asynchronous-javascript/" target="_blank">http://12devs.co.uk/articles/promises-an-alternative-way-to-approach-asynchronous-javascript/</a>
<a href="http://www.2ality.com/2015/01/es6-destructuring.html" target="_blank">http://www.2ality.com/2015/01/es6-destructuring.html</a>
<a href="http://www.datchley.name/es6-rest-spread-defaults-and-destructuring/" target="_blank">http://www.datchley.name/es6-rest-spread-defaults-and-destructuring/</a>
来自：http://taobaofed.org/blog/2016/07/22/es6-basics/
作者：化辰