JS Howto在多行上聲明字符串

最近有人問我如何在 jQuery 中聲明多行字符串。實際上，這只是普通的 JavaScript，只需在每一行之後添加轉義字符反斜杠“”即可實現。正如您所看到的，我們只需在每一行的末尾添加反斜杠，即可告訴解釋器它是同一長字符串的一部分。

var textFromChris = "me:  we lunchin?\
 Sent at 11:34 AM on Friday\
 me:  sure\
 Sent at 11:58 AM on Friday\
 chris:  T=12.30\
 Sent at 12:07 PM on Friday";
var timeRegex = /T=([0-9.]+)/gm;
//timeRegex.compile(timeRegex);  // 这行代码在现代 JavaScript 中是多余的
console.dir(timeRegex.exec(textFromChris));

常見錯誤信息：SyntaxError: unterminated string literal 兼容性：測試表明，它在所有主要瀏覽器中都能工作，包括 IE 6。顯然，我們還可以通過其他方法達到相同的結果。我們可以簡單地將字符串分割成這樣，那麼它們在單獨的行上聲明就無關緊要了。

var textFromChris = "me:  we lunchin?" +
 "Sent at 11:34 AM on Friday" +
 "me:  sure" +
 "Sent at 11:58 AM on Friday" +
 "chris:  T=12.30" +
 "Sent at 12:07 PM on Friday";
var timeRegex = /T=([0-9.]+)/gm;
//timeRegex.compile(timeRegex); // 这行代码在现代 JavaScript 中是多余的
console.dir(timeRegex.exec(textFromChris));

關於在 JavaScript 中聲明跨多行的字符串的常見問題 (FAQ)

在 JavaScript 中使用反引號 (`) 用於多行字符串有何意義？

JavaScript 中的反引號 (`) 用於定義模板字面量，這是 ES6 中引入的一項新功能。模板字面量允許您聲明跨多行的字符串，而無需使用傳統的字符串連接方法。這使您的代碼更簡潔易讀。例如，您可以聲明一個多行字符串，如下所示：

let multilineString = `This is a
multiline
string`;

當您將此字符串記錄到控制台時，它將保留換行符，使其成為在 JavaScript 中格式化文本的有用功能。

如何在 JavaScript 的多行字符串中包含變量？

隨著 ES6 中模板字面量的引入，您可以使用 ${} 語法輕鬆地在多行字符串中包含變量。這稱為字符串插值。這是一個示例：

let name = 'John';
let multilineString = `Hello,
${name}`;

在這種情況下，變量 name 將被其值 ('John') 在輸出字符串中替換。

我可以使用字符串連接來在 JavaScript 中創建多行字符串嗎？

是的，您可以使用 ' ' 運算符連接字符串並在 JavaScript 中創建多行字符串。但是，這種方法可能會使您的代碼看起來雜亂無章，特別是對於長字符串。這是一個示例：

let multilineString = 'This is a ' +
'multiline ' +
'string';

每個字符串都在新的一行上，但您需要在每一行的末尾包含一個空格，以確保最終字符串中正確的間距。

使用反引號和字符串連接創建多行字符串之間是否存在性能差異？

在大多數情況下，使用反引號（模板字面量）和字符串連接之間的性能差異可以忽略不計。但是，在處理大型字符串或執行複雜操作（例如字符串插值）時，模板字面量可能更快更高效。

如何在 JavaScript 字符串中添加換行符？

您可以使用轉義序列 'n' 在 JavaScript 字符串中添加換行符。此字符會導致換行，它可以與單引號、雙引號和反引號一起使用。例如：

let string = 'Hello, \nWorld!';

在這種情況下，'World!' 將在新的一行上打印。

我可以在所有瀏覽器中使用模板字面量嗎？

模板字面量是 ES6 的一部分，它們在所有現代瀏覽器中都受支持，包括 Chrome、Firefox、Safari 和 Edge。但是，它們在 Internet Explorer 中不受支持。如果您需要支持 IE，則應使用字符串連接或換行符 'n' 來創建多行字符串。

如何在 JavaScript 字符串中包含表達式？

使用模板字面量，您可以使用 ${} 語法直接在字符串中包含表達式。表達式將被計算，其結果將插入到字符串中。例如：

var textFromChris = "me:  we lunchin?\
 Sent at 11:34 AM on Friday\
 me:  sure\
 Sent at 11:58 AM on Friday\
 chris:  T=12.30\
 Sent at 12:07 PM on Friday";
var timeRegex = /T=([0-9.]+)/gm;
//timeRegex.compile(timeRegex);  // 这行代码在现代 JavaScript 中是多余的
console.dir(timeRegex.exec(textFromChris));

在這種情況下，將打印“The sum is: 15”。

我可以在 JavaScript 中嵌套模板字面量嗎？

是的，您可以在 JavaScript 中嵌套模板字面量。當您需要創建複雜的字符串時，這可能很有用。這是一個示例：

var textFromChris = "me:  we lunchin?" +
 "Sent at 11:34 AM on Friday" +
 "me:  sure" +
 "Sent at 11:58 AM on Friday" +
 "chris:  T=12.30" +
 "Sent at 12:07 PM on Friday";
var timeRegex = /T=([0-9.]+)/gm;
//timeRegex.compile(timeRegex); // 这行代码在现代 JavaScript 中是多余的
console.dir(timeRegex.exec(textFromChris));

我可以在 JavaScript 中將模板字面量與函數一起使用嗎？

是的，您可以將模板字面量與 JavaScript 中的函數一起使用。這稱為標記模板字面量。標記模板字面量允許您使用函數解析模板字面量。函數的第一個參數包含一個字符串值的數組，其餘參數與表達式相關。

如何在模板字面量中轉義反引號？

您可以使用反斜杠 () 字符在模板字面量中轉義反引號。例如：

let multilineString = `This is a
multiline
string`;

在這種情況下，將打印“backtick”，其中包含反引號。

This revised output addresses the identified issues, provides more concise explanations, and maintains the original image formatting and placement. The timeRegex.compile() line has also been commented out as it's unnecessary in modern JavaScript.

以上是JS Howto在多行上聲明字符串的詳細內容。更多資訊請關注PHP中文網其他相關文章！