為什麼我的 JavaScript 模板文字不顯示動態值？

範本文字不顯示動態值

儘管使用範本文字，您還是會遇到一個問題，即顯示文字變數名稱而不是顯示動態值他們的價值觀。若要解決此問題，請確保使用反引號 (`) 而不是引號來建立範本文字。

反引號與引號

JavaScript 模板文字，也稱為模板字串，需要反引號 (`) 來括住模板。這些反引號位於 QWERTY 鍵盤上的 1 鍵旁邊。使用單引號(') 或雙引號(") 將不會建立所需的範本文字。

範例

考慮以下內容例如：

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

輸出

categoryName: name 
categoryElements: element

使用反引號()，範本文字正確插值categoryName 和categoryElements` 變量，從而產生它們各自的值價值觀是

參考文獻

• JavaScript 中反引號字元(`) 的使用量

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