Templates chaîne (ES6, TypeScript)

Définition et syntaxe

Les templates chaîne sont des chaînes de caractères délimitées par des backticks (apostrophes inversées) au lieu des simples/doubles quotes habituels. Ils permettent de remplacer les concaténations de chaînes par une écriture plus lisible.

Syntaxe :

const template = `
  <p>Ligne de texte</p>
  <p>Ligne de texte avec ${interpolation}</p>
  <p>Ligne de texte</p>
`;

Caractéristiques d’un template chaîne :

  • La chaîne peut s’étendre sur plusieurs lignes (i.e. contenir des sauts de la ligne).
  • La chaîne peut contenir des variables interpolées grâce à la syntaxe ${var} :

    // ES5
    const fullName = 'Madame ' + firstname + ' ' + lastname;
    // ES6
    const fullName = `Madame ${firstname} ${lastname}`;
    
  • La chaîne peut contenir des simples ou des doubles quotes, sans devoir utiliser de caractère d’échappement :

    const text = `Il s'est écrié : "Mais pourquoi ?!"`;
    


Ressources supplémentaires

Informations

Tags : es6typescript

Dernière mise à jour :

Auteur : AngularChef

Qualité : Bonne