La transpilation

La transpilation, également appelée compilation source à source, est le processus par lequel le code TypeScript va être transformé en code JavaScript. C’est différent de la compilation, car le format de sortie n’est pas du binaire ou un code machine exécutable, c’est un code source modifiable. Voici un exemple de classe ES6 transpilable en ES5 :


class Utilisateur { 
    constructor(private nomUtilisateur: String) {} 
    direBonjour() { 
        return "Hello " + this.nomUtilisateur; 
    } 
} 
console.log(new Utilisateur('Daniel').direBonjour());
 

Le code précédent donnera le code JavaScript ES5 suivant après transpilation :


var Utilisateur = (function () { 
    function Utilisateur(nomUtilisateur) { 
        this.nomUtilisateur = nomUtilisateur; 
    } 
    Utilisateur.prototype.direBonjour = function () { 
        return "Hello " + this.nomUtilisateur; 
    }; 
    return Utilisateur; 
}()); 
console.log(new Utilisateur('Daniel').direBonjour());
 

D’un point de vue strictement conceptuel, la transpilation de cet exemple enlève deux caractéristiques au code initial :

  • La classe Utilisateur disparaît. En effet, le mot-clé class introduit par ECMAScript 6 n’est pas disponible avec ES5. Pour...

Pour consulter la suite, découvrez le livre suivant :
couv_EPMETION.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Intérêts
Suivant
Le code JavaScript est du TypeScript valide