Come posso scrivere e testare il codice ECMAScript 6 ora?

Question

Vorrei iniziare a scrivere il codice utilizzando l'ECMAScript 6 (ES6) in arrivo, in modo da iniziare a familiarizzare con la nuova sintassi.

Esiste una sorta di risorsa Web o plug-in del browser che è possibile utilizzare per riprodurre (scrivere e testare il codice) su ciò che attualmente abbiamo riguardo a ES6?

Sono stato portato a credere che l'utilizzo di Google Chrome Canary potrebbe essere in grado di aiutare. Così ho scaricato Canarie, ho attivato un paio di caratteristiche in Canary:

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

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

E dopo aver testato l'ambito let blocco in un ciclo for

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

ho ottenuto un errore di sintassi:

SyntaxError: Unexpected identifier

Answer 1

I seguenti lavori in Chrome 37 (Chrome corrente) con il flag Sperimentale JavaScript abilitato:

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

In modalità rigorosa esterna, è necessario vedere SyntaxError: Illegal let declaration outside extended mode o SyntaxError: Unexpected identifier se non si è in modalità rigorosa, o eventualmente SyntaxError: Unexpected strict mode reserved word se il flag Sperimentale JavaScript non è abilitato.

È anche possibile compilare il codice con Babel o con Traceur and the --block-binding flag enabled.

Vedere kangax's ES6 compatibility table per ulteriori informazioni.

Answer 2

Ecco un elenco di transporter da ES6 a 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

Babel ha uno strumento per testare il codice transpile ed eseguire. Usalo per testare e in webapps sarà molto probabile che lo userai per trascrivere il codice di produzione !!

http://babeljs.io/repl