JavaScript 範本文字不起作用

當嘗試使用JavaScript 範本文字（例如some ${string} 或「some ${string}」）時，使用者可能會遇到問題其中顯示文字變數名稱而不是它們的值。這個問題並不限於特定的瀏覽器版本或像 jQuery 這樣的開發框架。

解決方案：使用反引號

要修正這個問題，使用反引號 (`) 而不是傳統的單引號是至關重要的或雙引號。反引號通常稱為“重音符號”，位於標準 QWERTY 鍵盤上數字 1 鍵的旁邊。

範例：

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

// Correct approach using backticks
console.log(`categoryName: ${this.categoryName}\ncategoryElements: ${this.categoryElements} `);

透過使用反引號，您可以正確呼叫範本文字並顯示所需的變數值。