簡體   English   中英

我現在如何編寫和測試ECMAScript 6代碼?

[英]How can I write and test ECMAScript 6 code now?

我想開始使用即將推出的ECMAScript 6(ES6)編寫代碼,以便開始掌握新語法。

是否有某種網絡資源或瀏覽器插件,我可以用來播放(編寫和測試代碼)我們目前有關ES6的內容?

我一直認為使用Google Chrome Canary可能會有所幫助。 所以我下載了Canary,我啟用了Canary的一些功能:

啟用實驗性JavaScript (Mac,Windows,Linux,Chrome OS,Android)

啟用網頁以使用實驗性JavaScript功能。
#enable-javascript-harmony 啟用

並在for循環中測試let塊作用域之后

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

我遇到了語法錯誤:

SyntaxError:意外的標識符

以下內容適用於Chrome 37(當前Chrome)並啟用了實驗性JavaScript標記:

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

在嚴格模式之外,您應該看到SyntaxError: Illegal let declaration outside extended mode或者SyntaxError: Unexpected identifier如果您沒有處於嚴格模式,則可能是SyntaxError: Unexpected identifier ,或者可能是SyntaxError: Unexpected strict mode reserved word如果未啟用Experimental JavaScript標記,則會出現SyntaxError: Unexpected strict mode reserved word

您還可以使用BabelTraceur編譯代碼,並啟用--block-binding標志

有關更多信息,請參閱kangax的ES6兼容性表

Babel有一個測試轉換和執行代碼的工具。 只是用它來測試和在webapps中很可能你會用它來轉換為生產代碼!

http://babeljs.io/repl

Babel tranpiler

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM