一.Console是什么?
Console 对象用于 JavaScript 调试。JavaScript 原生中默认是没有 Console 对象,这是宿主对象(也就是游览器)提供的内置对象。 用于访问调试控制台, 在不同的浏览器里效果可能不同。
Console 对象常见的两个用途:
1.显示网页代码运行时的错误信息。
2.提供了一个命令行接口,用来与网页代码互动。
在Chrome浏览器上,我们可以通过F12来打开Console窗口。
二.Console对象常用方法。
- log()
解释:输出信息。
用法://Console用法之log() console.log("小蓝人");
结果:
-
info()
解释:console.log 别名,输出信息。
用法://Console用法之info() console.info("小蓝人");
结果:
-
error()
解释:输出对象时,在最前面加一个红色的叉,表示出错,同时会显示错误发生的堆栈。
用法://Console用法之error() console.error("小蓝人");
结果:
-
warn()
解释:输出警告信息。
用法://Console用法之warn() console.warn("小蓝人");
结果:
-
table()
解释:将复合类型的数据转为表格显示。
用法://Console用法之table() var user_list = [ {id:'101',name:'小蓝人',age:20}, {id:'102',name:'nino',age:37} ]; console.table(user_list);
结果:
-
group()
解释:用于将显示的信息分组,可以把信息进行折叠和展示。
用法://Console用法之group() console.log("目录结构"); console.group("第一章"); console.log("第1小节"); console.log("第2小节"); console.groupEnd(); console.group("第二章"); console.log("第1小节"); console.log("第2小节"); console.groupEnd();
结果: