为什么我的 JavaScript 模板文字不显示动态值？

模板文字不显示动态值

尽管使用模板文字，您还是会遇到一个问题，即显示文字变量名称而不是显示动态值他们的价值观。要解决此问题，请确保使用反引号 (`) 而不是引号来创建模板文字。

反引号与引号

JavaScript 模板文字，也称为模板字符串，需要反引号 (`) 来括住模板。这些反引号位于 QWERTY 键盘上的 1 键旁边。使用单引号 (') 或双引号 (") 将不会创建所需的模板文字。

示例

考虑以下内容例如：

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

输出

categoryName: name 
categoryElements: element

使用反引号 ()，模板文字正确插值categoryName 和categoryElements` 变量，从而产生它们各自的值价值观是

参考文献

• JavaScript 中反引号字符 (`) 的使用

以上是为什么我的 JavaScript 模板文字不显示动态值？的详细内容。更多信息请关注PHP中文网其他相关文章！