如何在 JavaScript 中將變數插入字串而不使用連線？

在JavaScript 中在字串中插入變量，消除連接

在PHP 等程式語言中，使用「$hello」等語法將變數插入字串是一種簡潔而優雅的方法。但是我們可以在 JavaScript 中實現相同的功能而不需要串聯嗎？

引入Template Literals，這是ES2015 (ES6) 中引入的功能，它使JavaScript 能夠在字串中嵌入表達式用反引號(`) 括起來，而不是雙引號或單引號。

對於變數插值，語法是：

`String text ${expression}`

範例：

var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b}.`);
// Output: "Fifteen is 15."

這不僅避免了連接的需要，而且還可以容納多行字串，而不需要尷尬的轉義技術，大大增強模板建置。

瀏覽器支援：

作為較新的語法，模板文字並未得到普遍支持。為了實現更廣泛的覆蓋，請考慮使用 Babel/Webpack 將程式碼轉譯為 ES5。

額外獎勵：

IE8 在console.log 中提供了基本形式的字串格式化：

console.log('%s is %d.', 'Fifteen', 15);
// Output: "Fifteen is 15."

最終，模板文字為變數插值和JavaScript 中的多行字串構造。

以上是如何在 JavaScript 中將變數插入字串而不使用連線？的詳細內容。更多資訊請關注PHP中文網其他相關文章！