现在如何编写和测试ECMAScript 6代码？

Question

我想开始使用up和to 6 (ES6)编写代码，以便开始掌握新的语法。

是否有某种网络资源或浏览器插件，我可以使用(编写和测试代码)在我们现有的有关ES6？

我被引导相信使用谷歌Chrome金丝雀可能会有所帮助。所以我下载了金丝雀，我启用了金丝雀的几个功能：

启用实验JavaScript (Mac、Windows、Linux、Chrome、Android) 启用网页使用实验性JavaScript功能。 #Enable-javascript-和谐启用

在测试了for循环中的let块作用域之后

for (let i = 0; i < 10; i++) {
   console.log(i);
}

我有一个语法错误：

SyntaxError:意外标识符

Answer 1

在启用了实验JavaScript标志的Chrome 37 (当前Chrome)中，以下工作：

(function () {
   "use strict"; 
   for (let i = 0; i < 10; i++) {
      console.log(i);
   }
})()

在严格模式之外，如果没有处于严格模式，则应该看到SyntaxError: Illegal let declaration outside extended mode或SyntaxError: Unexpected identifier；如果未启用实验性JavaScript标志，则可能会看到SyntaxError: Unexpected strict mode reserved word。

您还可以使用巴贝尔或启用标志编译代码。

有关更多信息，请参见kangax的ES6兼容性表。

Answer 2

下面是从ES6到ES5的一些传输程序的列表：

https://github.com/sindresorhus/grunt-es6-transpiler

https://github.com/sindresorhus/broccoli-es6-transpiler

https://github.com/sindresorhus/gulp-es6-transpiler

https://github.com/termi/es6-transpiler

https://github.com/google/traceur-compiler

Answer 3

巴贝尔有一个测试transpile和执行代码的工具。只需使用它来测试和在网络应用程序，它将很可能你将使用它来传输到生产代码！！

http://babeljs.io/repl

​

​