TypeScript:
Interpolation de chaînes de caractères
Comment faire :
let utilisateur = 'Marie';
let message = `Bonjour ${utilisateur}, comment ça va ?`;
console.log(message); // "Bonjour Marie, comment ça va ?"
Dans cet exemple, la syntaxe avec les backticks (``) et le signe dollar suivi des accolades (${}) est utilisée pour interpoler la variable utilisateur dans le message.
Exploration approfondie
Historiquement, l’interpolation de chaînes était plus laborieuse en JavaScript, nécessitant d’utiliser l’opérateur + pour concaténer des variables et des chaînes littérales :
var utilisateur = 'Marie';
var message = 'Bonjour ' + utilisateur + ', comment ça va ?';Avec ES6, TypeScript a adopté les template strings, simplifiant grandement l’interpolation. Il suffit d’utiliser des backticks et la syntaxe ${expression} pour insérer des valeurs dans une chaîne de caractères.
Alternative, vous pourriez toujours utiliser la concaténation (+), mais c’est moins lisible et plus sujet aux erreurs.
Du point de vue de l’implémentation, l’interpolation de chaînes dans TypeScript est convertie en appel de fonction. Par exemple, \Bonjour ${utilisateur}`devientBonjour “.concat(utilisateur, " “)` après transpilation en ES5, garantissant que votre code fonctionne même sur d’anciens navigateurs.