JavaScript - Console.log（）方法

JavaScript console.log（）方法

console.log（） 是 JavaScript 中最重要的方法之一。它用于在 Web 控制台中打印消息。

我们可以使用 console.log（） 方法通过在控制台中打印输出来调试代码。例如，如果开发人员请求 API 并希望检查作为响应接收的数据，他们可以使用 console.log（）方法。此外，console.log（）方法还有其他用例。

语法

您可以按照以下语法使用 console.log（）方法 -


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

您可以通过用逗号作为 console.log（）方法的参数分隔来传递不同的消息（msg1， msg2， ...，msgN）。

Console.log（）与客户端 JavaScript

每当我们在前端代码中使用 console.log（）方法时，它都会在浏览器的控制台中打印输出。

这是在 Chrome 浏览器中打开控制台的快捷方式 -

Windows/Linux 上按 Ctrl + Shift + J 。
Mac 上和 Cmd + Option + J 。

大多数浏览器都使用相同的快捷键来打开控制台。但是，如果您无法在任何浏览器中打开控制台，您可以在 Google 上搜索。

或者，要打开 Console （控制台），请右键单击鼠标并按照 Inspect -> Console （检查 - 控制台） 选项进行操作。

例

在下面的示例中，我们使用 console.log（） 方法打印了 “Hello World！”消息。

此外，我们定义了两个整数变量，并使用另一个 console.log（） 方法来打印 num1 和 num2 的总和。在这里，开发人员可以观察我们如何在控制台中打印变量。该示例还演示了我们可以在 console.log（）方法参数中执行加法、乘法等操作。


<html>
<head>
	 	<title>使用HTML的Console.log（）方法 </title>
</head>
<body>
	 	<h3> 信息打印在控制台中 </h3>
	 	<p>请在单击“编辑并运行”按钮之前打开控制台</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: "qikepucom",
		 			 	 Domain: "www.qikepu.com",
		 			 	 description: "This site is for learning."
		 	 	};
	 	 	 console.log(obj);
	 	</script>
</body>
</html>

它将在控制台中产生以下结果 -

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

Console.log（）与服务器端 JavaScript

带有后端代码的 console.log（） 方法在运行后端服务器的终端中打印输出。

例

我们编写了以下代码，将 'Hello World！' 消息打印到 app.js 文件中，并在终端中使用 'node app.js' 命令来运行服务器。它在终端中打印我们可以观察到的消息。


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

这将产生以下结果 -

Hello world!

您可以将 console.log（） 方法与前端和后端代码一起使用，通过在控制台中打印输出来调试代码。

打印本页

JavaScript - Console.log（）方法