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() 方法与前端和后端代码一起使用，通过在控制台中打印输出结果来调试代码。

打印页面