js中console对象的用法

Console 对象用于 JavaScript 调试。

JavaScript 原生中默认是没有 Console 对象,这是宿主对象(也就是浏览器)提供的内置对象, 用于访问调试控制台,在不同的浏览器里效果可能不同。

打开Chrome,在控制台输入console,便能查看完整的console对象,总共23个方法。如下:

console对象
下面列举一些常用的方法:

方法 描述 实例
assert() assert方法接受两个参数,第一个参数是表达式,第二个参数是字符串。只有当第一个参数为false,才会输出第二个参数,否则不会有任何结果 。 在这里插入图片描述
clear() 清除当前控制台的所有输出,将光标回置到第一行。
count() 用于计数,输出count方法被调用了多少次。 在这里插入图片描述
error() 输出信息时,在最前面加一个红色的叉,表示出错,同时会显示错误发生的堆栈。 在这里插入图片描述
group() 用于将显示的信息分组,参数为组名,默认组展开,与groupEnd()方法一起使用;可嵌套使用。 参见最后group使用说明
groupCollapsed() 可替换group()方法,参数为组名,默认组折叠,与groupEnd()方法一起使用;可嵌套使用。 同上
groupEnd() 结束分组;可嵌套使用。 同上
info() console.log 别名,输出信息。Firefox中会带有提示图标,Chrome中则没有。 chrome在这里插入图片描述
log() 输出信息。 在这里插入图片描述
table() 将复合类型的数据转为表格显示。 在这里插入图片描述
time() 计时开始。 在这里插入图片描述
timeEnd() 计时结束。 参考time()实例
trace() 追踪函数的调用过程。 在这里插入图片描述
warn() 输出信息时,在最前面加一个橘色的感叹号,表示警告,同时会显示警告发生的堆栈。 在这里插入图片描述

group()方法使用说明:

//展开显示
console.group('水果');
  console.log('苹果');
  console.log('香蕉');
  console.group('数字');
    console.log('1');
    console.log('2');
  console.groupEnd();
console.groupEnd();
//合并显示
console.groupCollapsed('蔬菜');
  console.log('白菜');
  console.log('菠菜');
console.groupEnd();

在这里插入图片描述
在这里插入图片描述

参考:
JavaScript Console 对象

发布了45 篇原创文章 · 获赞 7 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/ThisEqualThis/article/details/103442398