JavaScript - Console 对象
Window Console 对象
在 JavaScript 中，"console"对象是 window 对象的一个属性。它允许开发者访问浏览器的调试控制台。
console 对象包含用于不同功能的各种方法。在 Node.js 中，console 对象用于与终端交互。
我们可以使用 window 对象访问 console 对象，也可以不使用 window 对象(例如 window.console 或 console)。
Console 对象方法
console 对象有许多可用的方法。这些方法用于执行各种任务，例如测试、调试和日志记录。
您可以使用以下语法访问"console"对象的方法 -
window.console.methodName(); 或 console.methodName();
您可以在控制台中观察输出。要打开控制台，请使用 Ctrl + shift + I 或 Cmd + shift + I 键。
下面，我们将通过示例介绍控制台对象的一些方法。
JavaScript console.log() 方法
您可以使用 console.log() 方法在调试控制台中打印消息。该方法以表达式或文本消息作为参数。
语法
请按照以下语法使用 console.log() 方法。
console.log(expression);
在上述语法中，表达式可以是变量、数学表达式、字符串等，您需要将其打印到控制台中。
示例
在下面的代码中，点击按钮将调用"printMessage"函数。该函数会在控制台中打印字符串文本和数字值。
<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() | 在控制台中显示警告消息。 |
