JavaScript - Console 对象

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()	在控制台中显示警告消息。

打印本页