Pour pratiquer la nouvelle version de JavaScript - ES6 (ou ECMAScript 6) précédemment baptisée ECMAScript 2015 - et toutes ses nouveautés (let, const, spread operators ...etc...), il est parfois plus simple d'utiliser babel récupéré depuis un CDN. Voici ce que cela donne :
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.29/browser.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.29/browser-polyfill.js"></script>
<script type="text/babel">
// ES6 code here
</script>
<title>ES6 via babel</title>
</head>
<body>
</body>
</html>
Important : remarquez le type "text/babel" en lieu et place de l'habituel "text/javascript". Ce type, que l'on omet fréquemment depuis quelques années, reprend du service avec la valeur "text/babel".
<script type="text/babel">
Le deuxième script, browser-polyfill.js, est nécessaire afin de pouvoir jouer notamment avec les generators, ce nouveau type de fonction qui, épaulé par "yield", permet de mettre sur pause une fonction puis de reprendre son exécution à l'endroit où elle a été interrompue.
Amusez-vous bien avec ES6 !