教你如何快速让浏览器兼容es6

写在正文前，本来这一节的内容应该放在第二节更合适，因为当时就有同学问ES6的兼容性如何，如何在浏览器兼容ES6的特性，这节会介绍一个抱砖引玉的操作案例。

为什么ES6会有兼容性问题？

​ 由于广大用户使用的浏览器版本在发布的时候也许早于ES6的定稿和发布，而到了今天，我们在编程中如果使用了ES6的新特性，浏览器若没有更新版本，或者新版本中没有对ES6的特性进行兼容，那么浏览器肯定无法识别我们的ES6代码，好比浏览器根本看不懂我写的let和const是什么东西？只能报错了。这就是浏览器对ES6的兼容性问题。

好消息

​ 哪里有灾难，哪里就有勇士和救兵，针对ES6的兼容性问题，很多团队为此开发出了多种语法解析转换工具，把我们写的ES6语法转换成ES5，相当于在ES6和浏览器之间做了一个翻译官。比较通用的工具方案有babel，jsx，traceur，es6-shim等。

​ 此外，浏览器自身也加快速度兼容ES6的新特性，其中对ES6新特性最友好的是Chrome和Firefox浏览器。

​ 各大转换工具、javascript解析引擎对ES6的支持程度情况，可以参查看这个地址：

    'http://kangax.github.io/compat-table/es6/'

坏消息

​

​ 即使浏览器对ES6新特性开始渐渐支持，但是这还需要很长一段时间，我们不能百分百依赖浏览器本身对ES6的支持度来开发。

​ 虽然出现了各种转换工具，但是到目前为止，还没有一款工具能百分百将ES6的新特性完美地转换成ES5，因为在ES6新增的内容中，存在一些无法在ES5中找到与之匹配的语法，所以不建议在生产环境中使用支持度较低的新特性，后续的教程章节中介绍的新特性前端君也会特意提醒它的兼容性。

学习热情不减

​

​ 但是，这并不影响我们学习ES6的热情，因为ES6是未来的标准，浏览器支持只是迟早的事。

​ 本节介绍其中一个转换工具的安装和使用情况，安装使用以简单为主，主要是让新手和刚接触的同学对转换工具有**感性的认知。**再次表明，即使使用了转换工具，我们还是不建议在生产环境大量