如何將 JavaScript 程式碼分成多行？

我們可以使用反斜槓 (\) 在行尾將 JavaScript 程式碼分成多行。這告訴 JavaScript 直譯器將下一行作為同一語句的一部分繼續讀取。此外，我們還可以使用括號、方括號或花括號在一個語句中建立多行程式碼。這有助於使程式碼更具可讀性和易於維護。讓我們首先了解什麼是程式碼分割。

程式碼分割

程式碼分割是 Web 開發中使用的一種技術，用於僅載入特定頁面或元件所需的程式碼，而不是一次載入整個應用程式。這可以提高網站或應用程式的效能和載入時間。程式碼分割可以手動完成，也可以使用 webpack 等工具完成。

程式碼分割的主要好處是它減少了初始載入時間並提高了應用程式的整體效能。它還允許輕鬆地延遲載入內容。

方法

  • 可以使用行延續字元（即行尾的反斜槓 \）將 JavaScript 程式碼分成多行。

以下是一個示例：

let longString = "This is a long string that needs to be \
broken into several lines.";

  • 或者，您可以使用括號、方括號或模板字面量將程式碼跨越多行，而無需使用行延續字元：

let longString = (
   "This is a long string that needs to be " +
   "broken into several lines."
);
let longString = `This is a long string that needs to be
broken into several lines.`;

示例

以下是如何將 JavaScript 程式碼分成多行的示例：

// This is a single line of code
console.log("Hello, World!");

// This is the same code, but split into multiple lines
console.log(
   "Hello, World!"
);

在第二個示例中，console.log 語句被分成多行。這有助於使程式碼更具可讀性和易於理解。console.log 語句接受一個引數，該引數是字串“Hello, World!”。透過將字串括在括號中並在新行上放置它，我們可以清楚地看到該字串是傳遞給 console.log 函式的引數。

您還可以使用反斜槓 (\) 將程式碼分成多行，例如：

console.log("Hello, " + \
"World!");

它將與上面的示例相同。

請注意，在 JavaScript 中，分號插入是一項功能，它會在行尾自動新增分號，因此您不必擔心在將程式碼分成多行時忘記新增分號。

輸出

更新於: 2023年2月16日

10K+ 次檢視

啟動你的 職業生涯

透過完成課程獲得認證

開始
廣告