你不知道的那些console

前一阵在查找问题的时候,偶然间发现了console的一个用法,仿佛打开了我新世界的大门,原来console还有这么多的用法,这让一直以来只用console.log()的我情何以堪啊,因此在这里记录一下我认为有意思和比较实用的几种用法。chrome

1. 广为人知的console

console.log('文字信息');
console.info('提示信息');
console.warn('警告信息');
console.error('错误信息');

avatar

console.log()和console.info()我认为几乎没有什么区别,有的浏览器console.info()前面会有一个小图标,我用的是chrome浏览器因此没有什么区别浏览器

2. 你不知道的console

2.1 清空控制台信息

console.clear();

2.2 计数统计

console.count();

avatar

2.3 清空计数统计

console.countReset();

avatar

2.4 计时功能

console.time();
console.console.timeEnd();

avatar

计算代码的运行时间,对检查及提高代码性能颇有用性能

2.5 追踪调用堆栈

console.trace();

avatar

在复杂的调用过程当中,能够很清楚的看到调用走向spa

以上,就是我列举的比较实用和比较有用的console。固然,还有一些其余的好比console.group();console.groupEnd();
console.table();前面两个是进行分组展现的,后面一个是展现表格的,可是我以为用处不大,因此就再也不这里详细介绍了,
有兴趣的小伙伴能够去看看,仍是比较有意思的~3d

相关文章
相关标签/搜索