JavaScript - 控制檯輸出 (Console.log())

JavaScript console.log() 方法

console.log() 是 JavaScript 中最重要的方法之一。它用於在 Web 控制檯中列印訊息。

我們可以使用 console.log() 方法透過在控制檯中列印輸出結果來除錯程式碼。例如，如果開發人員請求 API 並想檢查作為響應收到的資料，他們可能會使用 console.log() 方法。此外，console.log() 方法還有其他用例。

語法

您可以按照以下語法使用 console.log() 方法：

console.log(msg1, msg2, …, msgN);

您可以透過逗號分隔將不同的訊息 (msg1、msg2、...、msgN) 作為 console.log() 方法的引數傳遞。

客戶端 JavaScript 中的 Console.log()

無論何時我們在前端程式碼中使用 console.log() 方法，它都會在瀏覽器的控制檯中列印輸出。

以下是開啟 Chrome 瀏覽器控制檯的快捷方式：

在 Windows/Linux 上同時按下 Ctrl + Shift + J，在 Mac 上按下 Cmd + Option + J。

大多數瀏覽器都使用相同的快捷鍵來開啟控制檯。但是，如果您無法在任何瀏覽器中開啟控制檯，可以嘗試在 Google 上搜索。

或者，要開啟控制檯，請右鍵單擊滑鼠並依次選擇檢查 -> 控制檯 選項。

示例

在下面的示例中，我們使用 console.log() 方法列印了“Hello World！”訊息。

此外，我們定義了兩個整數變數，並使用了另一個 console.log() 方法來列印 num1 和 num2 的和。在這裡，開發人員可以觀察我們如何在控制檯中列印變數。該示例還演示了我們可以在 console.log() 方法引數中執行加法、乘法等運算。

<html>
<head>
   <title> Console.log() method with HTML </title>
</head>
<body>
   <h3> Message is printed in the console </h3>
   <p> Please open the console before clicking "Edit & Run" button </p>
   <script>
      console.log("Hello World!");
      var num1 = 30;
      var num2 = 20;
      console.log("The sum of ", num1, " and ", num2, " is: ", num1 + num2);
</script>
</body>
</html>

它將在控制檯中生成以下結果：

Hello World!
The sum of  30  and  20  is:  50

示例

在下面的示例中，我們建立了一個包含 name、domain 和 description 屬性的 JavaScript 物件。我們使用 console.log() 方法在 Web 控制檯中列印了該物件。

在控制檯中，我們可以看到它列印了該物件，並且可以透過單擊物件開頭提供的箭頭來展開該物件以檢視詳細資訊。

<html>
<head>
   <title> Console.log() method with HTML </title>
</head>
<body>
   <h3> Message is printed in the console </h3>
   <p> Please open the console before clicking "Edit & Run" button </p>
   <script>
	  // Defining the object
	  var obj = {
	     website: "Tutorialspoint",
		 Domain: "www.tutorialspoint.com",
		 description: "This site is for learning."
	  };
      console.log(obj);
   </script>
</body>
</html>

它將在控制檯中生成以下結果：

{website: 'Tutorialspoint', Domain: 'www.tutorialspoint.com', description: 'This site is for learning.'}

伺服器端 JavaScript 中的 Console.log()

後端程式碼中的 console.log() 方法會在執行後端伺服器的終端中列印輸出。

示例

我們在 app.js 檔案中編寫了以下程式碼，將“Hello World！”訊息列印到控制檯，並在終端中使用“node app.js”命令執行伺服器。它會在終端中列印訊息，我們可以觀察到。

let message = "Hello world!";
console.log(message);

這將產生以下結果：

Hello world!

您可以將 console.log() 方法與前端和後端程式碼一起使用，透過在控制檯中列印輸出結果來除錯程式碼。

列印頁面