在 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 键。
下面,我们将介绍一些 console
对象的方法,并附上示例。
JavaScript console.log() 方法
你可以使用 console.log()
方法在调试控制台中打印消息。它接受表达式或文本消息作为参数。
语法
遵循以下语法来使用 console.log()
方法:
console.log(expression);
在上述语法中,表达式可以是一个变量、数学表达式、字符串等,你需要将其打印到控制台。
示例
在下面的代码中,点击按钮会调用 printMessage
函数。函数会在控制台中打印字符串文本和数字值。
<html>
<body>
<h2> JavaScript console.log() 方法 </h2>
<button onclick="printMessage()"> 在控制台打印消息 </button>
<p> 在点击 "在控制台打印消息" 按钮之前,请先打开控制台。</p>
<script>
function printMessage() {
console.log("您已经在控制台中打印了消息!");
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() 方法 </h2>
<button onclick="printError()"> 在控制台打印错误消息 </button>
<p> 在点击 "在控制台打印错误消息" 按钮之前,请先打开控制台。</p>
<script>
function printError() {
console.error("代码中发生了错误!");
}
</script>
</body>
</html>
JavaScript console.clear() 方法
console.clear()
方法清除控制台。
语法
遵循以下语法来使用 console.clear()
方法:
console.clear();
示例
在下面的代码中,我们在控制台中打印消息。之后,当你点击按钮时,它会执行 clearConsole
函数,并使用 console.clear()
方法清除控制台。
<html>
<body>
<h2> JavaScript console.clear() 方法 </h2>
<button onclick="clearConsole()"> 清除控制台 </button>
<p> 在点击 "清除控制台" 按钮之前,请先打开控制台。</p>
<script>
console.log("你好,世界!");
console.log("点击按钮以清除控制台。");
function clearConsole() {
console.clear();
}
</script>
</body>
</html>
Console 对象方法列表
这里,我们列出了 console
对象的所有方法。
方法 |
方法描述 |
assert() |
如果作为参数传递的断言为假,则在控制台中打印错误消息。 |
clear() |
清除控制台。 |
count() |
用于计算特定位置上调用 count() 方法的次数。 |
error() |
在控制台中显示错误消息。 |
group() |
用于在控制台中创建一组消息。 |
groupCollapsed() |
用于在控制台中创建一个新的折叠消息组。 |
groupEnd() |
结束一个组。 |
info() |
在控制台中显示信息性或重要的消息。 |
log() |
将消息打印到输出中。 |
table() |
在控制台中以表格形式显示数据。 |
time() |
在控制台中开始计时。 |
timeEnd() |
停止由 time() 方法启动的计时器。 |
trace() |
在控制台中显示堆栈跟踪。 |
warn() |
在控制台中显示警告消息。 |