raceur编译器

Google公司的Traceur编译器，可以将ES6代码编译为ES5代码。假若你的浏览器支持ES5代码（目前，绝大多数浏览器都支持ES5），那么按照如下就可以运行起来ES6代码。

将Traceur编译器加入你的项目代码

按照这篇文档，就可以将es6代码编译为es5代码了。

<script src="https://google.github.io/traceur-compiler/bin/traceur.js"></script>
<script src="https://google.github.io/traceur-compiler/bin/BrowserSystem.js"></script>
<script src="https://google.github.io/traceur-compiler/src/bootstrap.js"></script>
<script type="module">//“moudule”替换为“text/traceur”同样可以

//你的ES6代码

</script>

本地离线学习ES6

如下三个文件下载到index.html文件同级目录

curl -O https://google.github.io/traceur-compiler/bin/traceur.js 
curl -O https://google.github.io/traceur-compiler/bin/BrowserSystem.js
curl -O https://google.github.io/traceur-compiler/src/bootstrap.js

在你的html文件头部加载Traceur库文件，type属性的值是module，这是Traceur用来辨识ES6代码的标识，编译器会自动将所有标记了type=module的代码编译为ES5代码，然后交给浏览器执行

<script src="traceur.js"></script>
<script src="BrowserSystem.js"></script>
<script src="bootstrap.js"></script>
<script type="module">
    document.write(Number.isFinite(15)); 
    // true
    
</script>

运行起来

如果上面的代码运行的结果为 true 就说明es6代码在你的浏览器运行成功，恭喜你可以体验ES6标准语法 :)