Pourquoi mes littéraux de modèles JavaScript n'affichent-ils pas de valeurs dynamiques ?

Les littéraux de modèle n'affichent pas les valeurs dynamiques

Malgré l'utilisation de littéraux de modèle, vous rencontrez un problème où les noms de variables littéraux sont affichés au lieu de leurs valeurs. Pour résoudre ce problème, assurez-vous d'utiliser des guillemets (`), et non des guillemets, pour créer des littéraux de modèle.

Backticks vs. Guillemets

Les littéraux de modèle JavaScript, également appelés chaînes de modèle, nécessitent des guillemets (`) pour entourer le modèle. Ces backticks sont situés à côté de la touche 1 sur un clavier QWERTY. L'utilisation de guillemets simples (') ou de guillemets doubles (") ne créera pas le modèle littéral souhaité.

Exemple

Considérez ce qui suit exemple :

categoryName = "name";
categoryElements = "element";
console.log(`categoryName: ${this.categoryName}\ncategoryElements: ${categoryElements} `);

Output

categoryName: name 
categoryElements: element

À l'aide de backticks (), le littéral de modèle interpole correctement les variables CategoryName et CategoryElements`, ce qui donne leurs valeurs respectives. les valeurs étant affiché.

Références

• Utilisation du caractère backtick (`) en 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!