ES6:Introduction

De Wiki Fred
Aller à : navigation, rechercher
Introduction


Côté Client


La plupart des navigateurs actuels de prennent en charge que partiellement la norme ES6.

Mais il est possible de transpiler le code javascipt ES6 en code ES5.

Traceur


Traceur est le transpiler ES6 vers ES5 développé par google

Pour exécuter le code de cette page

<!DOCTYPE html>
<html>
    <head>
        <title>ECMAScript 6 - Demo</title>
    </head>
    <body>
        <h1>ECMAScript 6 - Demo</h1>
        <script>
            class Person
            {
                constructor(name,age) 
                {
                    this.name = name
                    this.age = age
                }
            }
            let person = new Person('Toto',25)
            console.log(person)
        </script>
    </body>
</html>

il est nécessaire d'ajouter quelques librairies afin de transpiler le code à la volée. <syntaxhighlight lang="dos" class="no-margin"> <!DOCTYPE html> <html>

   <head>
       <title>ECMAScript 6 - Demo</title>
        <script src="https://google.github.io/traceur-compiler/bin/traceur.js"></script>
       <script src="https://google.github.io/traceur-compiler/bin/BrowserSystem.js"></script>
       <script src="https://google.github.io/traceur-compiler/src/bootstrap.js"></script>
   </head>
   <body>

ECMAScript 6 - Demo

       <script type="module">
           class Person
           {
               constructor(name,age) 
               {
                   this.name = name
                   this.age = age
               }
           }
           let person = new Person('Toto',25)
           console.log(person)
       </script>
   </body>

</html>