Pourquoi mes variables JavaScript s'affichent-elles sous forme de chaînes littérales plutôt que de valeurs ?

Des littéraux de modèles en JavaScript : utilisation de backticks ou de guillemets droits

En JavaScript, les littéraux de modèles permettent l'intégration de variables dans des chaînes. Cependant, si vous rencontrez un problème où les variables sont affichées sous forme de chaînes littérales au lieu de valeurs, le problème réside dans l'utilisation de guillemets droits au lieu de guillemets.

Comprendre les guillemets

Les littéraux de modèle dans JavaScript est défini à l'aide de guillemets (`) plutôt que de guillemets droits ('). Les backticks se trouvent sur le clavier à côté de la touche numéro 1.

Exemple

Considérez le code suivant, où les littéraux de modèle sont destinés à être utilisés :

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

Cependant , ce code affichera ce qui suit :

${this.categoryName}
categoryElements: ${this.categoryElements}

Dans ce cas, les littéraux du modèle ne fonctionnent pas car directement des guillemets sont utilisés. Le code correct utilisant des backticks serait :

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

Sortie :

categoryName: name
categoryElements: element

Conclusion

N'oubliez pas que les littéraux de modèles JavaScript nécessitent des backticks (`) pour la substitution de variables, alors que les guillemets droits afficheront les noms littéraux des variables. En utilisant correctement les backticks, vous pouvez intégrer efficacement des valeurs de variables dans des chaînes et améliorer la lisibilité et la flexibilité de votre code.

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!