Javascript 简明教程
JavaScript - Console.log()
JavaScript console.log() method
console.log() 是 JavaScript 中最重要的一个方法。它用于在 Web 控制台中打印消息。
我们可以使用 console.log() 方法通过在控制台中打印输出对代码进行调试。例如,如果开发人员请求 API 并想要检查作为响应接收到的数据,他们可以使用 console.log() 方法。此外,console.log() 方法还有其他用例。
Console.log() with client-sided JavaScript
每当我们在前端代码中使用 console.log() 方法时,它会在浏览器的控制台中打印输出。
以下是在 Chrome 浏览器中打开控制台的快捷方式 -
-
在 Windows/Linux 上同时按 Ctrl + Shift + J ,在 Mac 上按 Cmd + Option + J。
大多数浏览器都有相同的快捷键来打开控制台。但是,如果您无法在任何浏览器中打开控制台,您可以在 Google 上搜索。
或者,右键单击鼠标并按照 Inspect → Console 选项打开控制台。
Example
在下面的示例中,我们使用 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
示例
在下面的示例中,我们创建了包含名称、域名和描述属性的 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.'}