Window Console 对象
在 JavaScript 中，'console' 对象是 window 对象的一个属性。它允许开发人员访问浏览器的调试控制台。
console 对象包含用于不同功能的各种方法。在 Node.js 中，console 对象用于与终端交互。
我们使用 window 对象或不使用 window 对象 - window.console 或仅使用 console 来访问 console 对象。
Console 对象方法
console 对象上有许多可用的方法。这些方法用于执行许多任务，例如测试、调试和日志记录。
您可以使用以下语法访问 'console' 对象方法 -
window.console.methodName();
OR
console.methodName();
您可以在控制台中观察输出。要打开控制台，请使用 Ctrl + shift + I 或 Cmd + shift + I 键。
下面，我们将通过示例介绍 console 对象的一些方法。
JavaScript console.log（） 方法
您可以使用 console.log（） 方法在调试控制台中打印消息。它将表达式或文本消息作为参数。
语法
请按照以下语法使用 console.log（） 方法。
console.log(expression);
在上面的语法中，表达式可以是变量、数学表达式、字符串等，你需要在控制台打印出来。
例在下面的代码中，单击该按钮将调用 'printMessage' 函数。该函数在控制台中打印字符串 text 和 number 值。
<html>
<body>
<h2> JavaScript console.log() Method </h2>
<button onclick = "printMessage()"> Print Message in Console </button>
<p> Please open the console before you click "Print Message in Console" button</p>
<script>
function printMessage() {
console.log("You have printed message in console!");
let num = 10;
console.log(num);
}
</script>
</body>
</html>
JavaScript console.error（） 方法
console.error（） 方法在控制台中打印错误消息，以红色背景突出显示错误。
语法
请按照以下语法使用 console.error（） 方法。
console.error(message);
console.error（） 消息将消息作为参数。
例在下面的代码中，printError（） 函数会在您单击按钮时在控制台中记录错误。您可以观察到以红色背景突出显示的错误。
<html>
<body>
<h2> JavaScript console.error() Method </h2>
<button onclick="printError()"> Print Error Message in Console </button>
<p> Please open the console before you click " Print Error Message in Console" button.</p>
<script>
function printError() {
console.error("Error occured in the code!");
}
</script>
</body>
</html>
JavaScript console.clear（） 方法
console.clear（） 方法用于清除控制台。
语法
请按照以下语法使用 console.clear（） 方法。
console.clear()
例
在下面的代码中，我们将消息打印到控制台。之后，当您单击该按钮时，它会执行 clearConsole（） 函数并使用 console.clear（） 方法清除控制台。
<html>
<body>
<h2> JavaScript console.clear() Method </h2>
<button onclick = "clearConsole()"> Clear Console </button>
<p> Please open the console before you click "Clear Console" button</p>
<script>
console.log("Hello world!");
console.log("Click the button to clear the console.");
function clearConsole() {
console.clear();
}
</script>
</body>
</html>
控制台(console) 对象方法列表
在这里，我们列出了 console 对象的所有方法。
| 方法 | 描述 |
|---|---|
| assert() | 如果作为参数传递的断言为 false，它会在控制台中打印错误消息。 |
| clear() | 清除控制台。 |
| count() | 用于计算在特定位置调用 count（） 方法的次数。 |
| error() | 在控制台中显示错误消息。 |
| group() | 用于在控制台中创建一组消息。 |
| groupCollapsed() | 用于在控制台中创建新的折叠消息组。 |
| groupEnd() | 用于结束组。 |
| info() | 在控制台中显示信息性消息或重要信息。 |
| log() | 将消息打印到输出中。 |
| table() | 在控制台中以表格格式显示数据。 |
| time() | 用于在控制台中启动时间。 |
| timeEnd() | 会停止由 time（） 方法启动的计时器。 |
| trace() | 在控制台中显示堆栈跟踪。 |
| warn() | 在控制台中显示警告消息。 |
