在JavaScript中,console
对象提供了多种方法来输出信息、调试代码和监控性能。而不仅仅使用只有console.log。
以下一些常用的console
方法:
-
输出信息:
console.log()
:输出一条信息到控制台,通常用于调试。console.info()
:输出一条信息,并标记为信息类型。console.warn()
:输出一条警告信息。console.error()
:输出一条错误信息。
-
调试信息:
console.debug()
:输出一条调试信息。在大多数浏览器中,这个功能默认是禁用的,可以通过浏览器的开发者工具启用。
-
对象和数组的格式化输出:
-
console.dir()
:列出对象的属性。 -
console.dirxml()
:输出XML/HTML文档的DOM结构。 -
console.table()
:以表格形式输出数组或对象。
-
-
断点和跟踪:
-
console.assert(expression, message)
:如果表达式为false
,则输出错误信息。 -
console.trace()
:输出当前执行的调用栈。
-
-
性能监控:
扫描二维码关注公众号,回复: 17485394 查看本文章-
console.time(label)
:开始计时。 -
console.timeEnd(label)
:结束计时,并输出经过的时间。 -
console.profile([profileName])
:开始性能分析。 -
console.profileEnd([profileName])
:结束性能分析
-
-
自定义输出样式:
-
console.count(label)
:计数器,每次调用时增加计数。 -
console.countReset(label)
:重置计数器。 -
console.group()
:开始分组输出。 -
console.groupEnd()
:结束分组输出。 -
console.groupCollapsed()
:开始折叠分组输出。 -
console.clear()
:清除控制台。
-
-
获取当前时间戳:
console.timeStamp(label)
:输出一个时间戳,并标记为指定的标签。
使用console
方法时,你可以传递字符串、变量、对象等作为参数。例如:
console.log('Hello, World!');
console.log('The value of x is:', x);
console.log({
a: 1, b: 2, c: 3 }); // 输出对象
console.error('An error occurred!');
console.warn('This is a warning.');
console.info('This is informational.');
console.debug('This is a debug message.');