為什麼我的 JavaScript 模板文字顯示變數名稱而不是值？

JavaScript 中的範本文字：需要反引號

JavaScript 中的範本文字，由字串中的${} 佔位符表示，提供了一種便捷的方法嵌入表達式。但是，使用單引號 (') 而不是反引號 (`) 的範本文字遇到顯示問題是常見的疏忽。

問題描述

使用單引號時，列印文字變數名稱而不是它們的值。例如：

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

輸出：

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

解決方案

JavaScript模板文字需要反引號，而🎜>JavaScript模板文字

需要反引號

，而🎜>不是直接引號。

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

反引號是旁邊的字元QWERTY 鍵盤上的「1」鍵。使用它們而不是單引號來建立一個範本文字，該範本文字可以容納${} 佔位符來計算表達式：

categoryName: name 
categoryElements: element

輸出：

其他資訊

反引號在各種程式語言中經常使用，但對於JavaScript 開發人員來說可能很陌生。請參閱以下資源以了解更多詳細資訊：

[JavaScript 中反引號字元的用法](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference / template_literals)

以上是為什麼我的 JavaScript 模板文字顯示變數名稱而不是值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！