JavaScript Introduction à la transpolation


Exemple

Exemples

ES6 / ES2015 à ES5 (via Babel ) :

Cette syntaxe ES2015

// ES2015 arrow function syntax 
[1,2,3].map(n => n + 1); 

est interprété et traduit selon la syntaxe ES5:

// Conventional ES5 anonymous function syntax 
[1,2,3].map(function(n) {   
    return n + 1; 
});

CoffeeScript to Javascript (via le compilateur CoffeeScript intégré) :

Ce CoffeeScript

# Existence:
alert "I knew it!" if elvis?

est interprété et traduit en Javascript:

if (typeof elvis !== "undefined" && elvis !== null) {
  alert("I knew it!");
}

Comment est-ce que je transpile?

La plupart des langages compilables sur Javascript ont un transpiler intégré (comme dans CoffeeScript ou TypeScript). Dans ce cas, il vous suffit d'activer le transpiler du langage via les paramètres de configuration ou une case à cocher. Des paramètres avancés peuvent également être définis par rapport au transpiler.

Pour la transpolation ES6 / ES2016-à-ES5 , le transpiler le plus utilisé est Babel .


Pourquoi devrais-je transpiler?

Les avantages les plus cités comprennent:

  • La possibilité d'utiliser de nouvelles syntaxes de manière fiable
  • Compatibilité entre la plupart, sinon tous les navigateurs
  • Utilisation de fonctionnalités manquantes / pas encore natives dans Javascript via des langages tels que CoffeeScript ou TypeScript