console.log 是一个很好的调试方式。但是 如果我们滥用它,效果反而会适得其反!大量打印信息堆积如山,反倒使得我们难以理清各条输出的对应逻辑!
因此,我们可以寻找可好的调试方案,来解决 console.log 过多而导致的混乱问题。
其实console 不止 log ,console 对象内部提供了很多的方法。
使用这些 console 方法可以帮助我们大幅提升调试的效率。
console.dir() 是一个专门打印 对象 的 API。
console.dir() 方法可以显示指定 JavaScript 对象的属性列表,并以交互式的形式展现。输出结果呈现为分层列表,包含展开/折叠的三角形图标,可用于查看子对象的内容。
因此,当我们打印对象时,可以使用 dir 代替 log
如果想要打印数组的话,那么 table() 是首选方法:
一句话:贼清晰!

这个 API 可以帮我们解决控制台打印过多的问题。
如果我们要开启一轮新的调试,那么可以在开始前执行 console.clear(),清空之前的控制台打印。
这样,可以帮我们更加专注的针对本次的调试,而不需要被之前的打印信息所误导!
这在 嵌套函数、递归 中非常有用,配合 console.groupEnd() 可以帮助我们完成分组打印。
比如下面的场景:
最终,打印结果如下:

console.time() 配合 console.timeEnd() 经常用来处理 计时操作。
比如,我们想要测试一个函数的执行耗时,那么就可以通过这种方式完成:
计时结果如下:

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/bian-cheng-ri-ji/45629.html