Comment puis-je interpoler des variables dans des chaînes en JavaScript sans concaténation ?

Interpolation de variables dans des chaînes en JavaScript, élimination de la concaténation

Dans des langages de programmation comme PHP, interpolation de variables dans des chaînes en utilisant une syntaxe telle que "$hello" est une approche concise et élégante. Mais pouvons-nous obtenir la même fonctionnalité en JavaScript sans recourir à la concaténation ?

Présentation de Template Literals, une fonctionnalité introduite dans ES2015 (ES6), qui permet à JavaScript d'incorporer des expressions dans des chaînes. entouré de guillemets inverses (`) plutôt que de guillemets doubles ou simples.

Pour l'interpolation de variables, la syntaxe est :

`String text ${expression}`

Exemple :

var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b}.`);
// Output: "Fifteen is 15."

Cela évite non seulement le besoin de concaténation, mais s'adapte également aux chaînes multilignes sans avoir besoin de techniques d'échappement difficiles , améliorant considérablement la construction du modèle.

Navigateur Prise en charge :

En raison de leur syntaxe plus récente, les littéraux de modèles ne sont pas universellement pris en charge. Pour une plus grande portée, envisagez de transpiler votre code vers ES5 à l'aide de Babel/Webpack.

Bonus :

IE8 offre une forme rudimentaire de formatage de chaîne dans console.log :

console.log('%s is %d.', 'Fifteen', 15);
// Output: "Fifteen is 15."

En fin de compte, les modèles de littéraux fournissent une solution robuste et élégante pour l'interpolation variable et la construction de chaînes multilignes dans JavaScript.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!