अब मैं ECMAScript 6 कोड कैसे लिख और परीक्षण कर सकता हूं?

Question

मैं नए सिंटैक्स के साथ पकड़ने के लिए शुरू करने के लिए ऊपर और आने वाले ईसीएमएस्क्रिप्ट 6 (ईएस 6) का उपयोग करके कोड लिखना शुरू करना चाहता हूं।

क्या कोई ऐसा वेब संसाधन या ब्राउज़र प्लगइन है जिसका उपयोग मैं ईएस 6 के संबंध में वर्तमान में जो कुछ करता हूं उस पर खेलने (लिखने और परीक्षण कोड) के लिए उपयोग कर सकता हूं?

मुझे विश्वास था कि Google क्रोम कैनरी का उपयोग करने में मदद मिल सकती है। इसलिए मैं कैनरी डाउनलोड किया है, मैं कैनरी में सुविधाओं के एक जोड़े सक्षम:

Enable Experimental JavaScript (Mac, Windows, Linux, Chrome OS, Android)

Enable web pages to use experimental JavaScript features.
#enable-javascript-harmony Enable

और पाश

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

के लिए एक में let ब्लॉक गुंजाइश परीक्षण के बाद मैं एक सिंटैक्स त्रुटि है:

SyntaxError: Unexpected identifier

Answer 1

क्रोम 37 (वर्तमान क्रोम) प्रयोगात्मक 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 strict mode reserved word यदि प्रायोगिक जावास्क्रिप्ट ध्वज सक्षम नहीं है।

आप अपने कोड को Babel या Traceur and the --block-binding flag enabled के साथ संकलित भी कर सकते हैं।

अधिक के लिए kangax's ES6 compatibility table देखें।

Answer 2

ईएस 6 से ईएस 5:

से कुछ ट्रांजिस्टर की सूची यहां दी गई है

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

Babel में एक पारदर्शी और निष्पादित कोड का परीक्षण करने के लिए एक उपकरण है। परीक्षण और वेबपैस में बस इसका उपयोग करें, यह बहुत संभव होगा कि आप इसे उत्पादन कोड में पारदर्शी करने के लिए उपयोग करेंगे !!

http://babeljs.io/repl