每个JavaScript开发者都用过console.log()来调试程序,但实际上Console对象还提供了很多其他方法可以提高调试效率。本文将介绍8个有趣的Console方法,即使JavaScript老手也不一定知道!
1、console.assert ✅
学编程,上汇智网,在线编程环境,一对一助教指导。
console.assert用来测试传入的参数是true还是false。当传入的值为false时,该函数将输出第一个参数后的额外参数,否则不输出任何日志。
![2e8e38d50b13205bc3f842454df05311.png](https://i-blog.csdnimg.cn/blog_migrate/65e0d45cd66cc1bac1239ab11abbdf24.jpeg)
当你希望检查值是否存在并且希望避免控制台输出太多信息时,assert 方法非常有用。
2、console.count and console.countReset
这两个方法用来设置/复位特定字符串的日志输出计数器:
![4f72ba5def6cd3054ddd224f5d652376.png](https://i-blog.csdnimg.cn/blog_migrate/bd818308adae0ee076f07d44985c78c5.jpeg)
3、console.group and console.groupEnd
这两个方法用来管理控制台日志的分组。.group()方法的第一个参数用来声明一个标签,后续的日志自动缩进已展示分组。.groupEnd()则结束分组日志的缩进:
![cd33962b3ae42ac0347d444d027894d6.png](https://i-blog.csdnimg.cn/blog_migrate/fdc5c6a416ee0a32f26ffccc8157a2b7.jpeg)
4、console.table
学编程,上汇智网,在线编程环境,一对一助教指导。
table()方法用表格显示对象或数组内容,非常有用:
![4ab652002b50cd365715774b8172e82d.png](https://i-blog.csdnimg.cn/blog_migrate/491dd1ac1a9158440c7a3c435bf10de3.jpeg)
console.table 使得查看嵌套的复杂对象或数组的内容不那么困难了。
5、console.time and console.timeEnd ⏱
有时为了测试性能,需要检查一段代码的执行时间,为此你可能会 使用Date API先记录开始时间戳,然后执行完代码之后再次用Date 获取新的时间戳并记录两者差值,就像这样:
![f6587a4c6561324033db81d96ca10ef9.png](https://i-blog.csdnimg.cn/blog_migrate/14a8e2dc9d06f43ffb0f56c99eec8635.jpeg)
实际上,console本来就有time和timeEnd函数!只需要像下面这样直接调用即可:
![333af85208837020a9c80f03ca3c79a6.png](https://i-blog.csdnimg.cn/blog_migrate/f7ca832af19749ae1367edb37dd34842.jpeg)
原文链接:只会用console.log调试JS代码?— 汇智网