Comment les littéraux de modèles JavaScript peuvent-ils simplifier l'interpolation de chaînes ?

Interpolation de variables dans des chaînes en JavaScript : dévoiler la puissance des littéraux de modèles

Concaténer des variables pour créer des chaînes peut être fastidieuse. En JavaScript, vous pouvez éliminer ces tracas et coder de manière plus concise à l'aide de littéraux de modèles.

Déverrouillage de l'interpolation avec les littéraux de modèles

Introduits dans ES2015, les littéraux de modèles sont enfermés à l'arrière- coches (`). Ils vous permettent d'incorporer des expressions dans des chaînes en utilisant la syntaxe ${}`.

Exemple :

const hello = "foo";
const myString = `I pity the ${hello}`;
console.log(myString); // "I pity the foo"

Au-delà de l'interpolation : chaînes multilignes et Modèles

Les littéraux de modèles facilitent également la création de chaînes multilignes sans s'échapper, ce qui facilite la création de modèles :

return `
    <div class="${foo}">
         ...
    </div>
`;

Prise en charge et transpilation des navigateurs

Bien que les navigateurs modernes prennent entièrement en charge les littéraux de modèles, les navigateurs plus anciens (par exemple, IE) nécessitent transpilation à l'aide d'outils comme Babel pour garantir la compatibilité entre navigateurs compatibilité.

Remarque : formatage de chaîne de base dans IE8

À des fins de débogage, IE8 propose le formatage de chaîne dans la console :

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!