Comment puis-je éviter la concaténation de chaînes lors de l'interpolation de variables en JavaScript ?

Interpolation de variables dans des chaînes en JavaScript : une approche sans concaténation

En PHP, les variables dans les chaînes peuvent être insérées de manière transparente sans concaténation. Cela soulève la question de savoir si une approche similaire est réalisable en JavaScript.

JavaScript introduit Template Literals (ES2015), une solution élégante pour insérer des expressions dans des chaînes. Ces littéraux vous permettent d'utiliser des guillemets ( ) comme délimiteurs de chaîne au lieu de guillemets doubles ou simples.

Dans les littéraux de modèle, les expressions sont interpolées à l'aide de la syntaxe :

`String text ${expression}`

Par exemple :

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

Cette syntaxe améliore non seulement la lisibilité mais permet également des chaînes multilignes sans escaping :

return `
    <div>

La prise en charge par les navigateurs de cette syntaxe est excellente, cependant, pour les navigateurs plus anciens comme IE8, Babel/Webpack peut transpiler le code dans ES5 pour une compatibilité plus large.

En remarque, le formatage de base des chaînes peut être réalisé dans console.log dans IE8 :

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

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!