Maison >interface Web >js tutoriel >Pourquoi mes littéraux de modèles JavaScript ne fonctionnent-ils pas ?

Pourquoi mes littéraux de modèles JavaScript ne fonctionnent-ils pas ?

Barbara Streisand
Barbara Streisandoriginal
2024-12-08 19:42:12546parcourir

Why Aren't My JavaScript Template Literals Working?

Les littéraux de modèles JavaScript ne fonctionnent pas

Lorsque vous essayez d'utiliser des littéraux de modèles JavaScript tels que certains ${string} ou "some ${string}", les utilisateurs peuvent rencontrer des problèmes où les noms littéraux des variables sont affichés plutôt que leurs valeurs. Ce problème ne se limite pas à des versions de navigateur spécifiques ou à des frameworks de développement comme jQuery.

Solution : utiliser des backticks

Pour résoudre ce problème, il est crucial d'utiliser des backticks (`) au lieu du simple classique ou des guillemets doubles. Les backticks, communément appelés « accents graves », sont situés à côté de la touche numérique 1 sur les claviers QWERTY standard.

Exemple :

// Incorrect approach
console.log('categoryName: ${this.categoryName}\ncategoryElements: ${this.categoryElements} ');

// Correct approach using backticks
console.log(`categoryName: ${this.categoryName}\ncategoryElements: ${this.categoryElements} `);

En utilisant des backticks , vous pouvez appeler correctement les littéraux du modèle et afficher les valeurs de variable souhaitées.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn