Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
支持ES 6的Javascript代码段运行程序(如JSFIDLE)_Javascript_Code Snippets_Ecmascript 6 - Fatal编程技术网

支持ES 6的Javascript代码段运行程序(如JSFIDLE)

支持ES 6的Javascript代码段运行程序(如JSFIDLE),javascript,code-snippets,ecmascript-6,Javascript,Code Snippets,Ecmascript 6,显然,jsFiddle和codepen.io都不支持ES6语法(例如,运行let x=10将抛出错误-) 显而易见的选择是,但它会产生(块作用域变量i保持在定义范围之外) 是否有任何代码段运行程序支持ES6?您看到的特定问题是由于许多代码段运行程序用于添加“ES6支持”的ES6到ES5传输程序。您会发现这些运行程序通常受到运行它们的软件的限制,对于Traceur来说,这意味着通常非常好,但有时会出现错误,ES6支持。您可以尝试Babel。我不知道它在引擎盖下是如何工作的,但Ember.js将其用

显然,jsFiddle和codepen.io都不支持ES6语法(例如,运行
let x=10
将抛出错误-)

显而易见的选择是,但它会产生(块作用域变量i保持在定义范围之外)


是否有任何代码段运行程序支持ES6?

您看到的特定问题是由于许多代码段运行程序用于添加“ES6支持”的ES6到ES5传输程序。您会发现这些运行程序通常受到运行它们的软件的限制,对于Traceur来说,这意味着通常非常好,但有时会出现错误,ES6支持。

您可以尝试Babel。我不知道它在引擎盖下是如何工作的,但Ember.js将其用作ES6 polyfill,因此它应该非常可靠。它们提供了一个基于web的控制台供您使用。它向您展示了ES6代码最终被转换成的内容:

您现在可以设置JavaScript Transpiler了。其中一个是babel,它允许ES6。这个过程是透明的


您必须转到设置,然后使用JavaScript选项卡。

我们可以使用JSFIDLE本身来运行ES6代码段。将语言从JavaScript更改为Babel

您可以查看,尽管它不是一个真正的JSFIDLE。没有DOM交互。您可以包括Traceur()并在JSFIDLE中运行示例,等等:““Traceur是一个JavaScript.next-to-JavaScript-of-today编译器,允许您使用将来的功能。Traceur的目标是为新JavaScript特性的设计提供信息,这些特性只有在允许您编写更好的代码时才有价值。Traceur允许您今天尝试新的和建议的语言功能,帮助您在告知标准流程的同时说出代码中的意思。“”“@NikolayMelnikov我想es6fiddle就是这么做的。ES5中没有块作用域变量,因此当您将ES6编译为ES5时,我猜您无法以任何方式模拟块作用域-因此,我最终将得到与ES6FIDLE中相同的错误结果。但是无论如何,谢谢你的选择,也许我错了-我会尝试一下:)我现在也在玩
ES6FIDLE
,注意到块作用域在那里不起作用。块作用域可以被模拟。不知道他们为什么不知道,“Polyfill”这个词不太合适;巴贝尔将es6传送到es5。