為什麼我的 JavaScript 變數顯示為文字字串而不是值？

JavaScript 中的範本文字：使用反引號與直引號

在 JavaScript 中，範本文字允許在字串中嵌入變數。但是，如果您遇到變數顯示為文字字串而不是值的問題，則問題在於使用直引號而不是反引號。

了解反引號

中的範本文字JavaScript 使用反引號 (`) 而不是直引號 (') 進行定義。反引號位於鍵盤上數字 1 鍵旁。

範例

考慮以下程式碼，其中要使用範本文字：

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

但是，此程式碼會輸出以下程式碼：

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

在這種情況下，模板文字不起作用因為正在使用直引號。使用反引號的正確程式碼是：

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

輸出：

categoryName: name
categoryElements: element

結論

請記住，JavaScript 範本文字需要反引號(`) 進行變數替換，而直引號將顯示文字變數名稱。透過正確使用反引號，您可以有效地將變數值嵌入字串中，並增強程式碼的可讀性和靈活性。

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