<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path> </svg> <p></p> 讯享网
因此，我们可以寻找可好的调试方案，来解决 console.log 过多而导致的混乱问题。
console.dir() 是一个专门打印 对象 的 API。
console.dir() 方法可以显示指定 JavaScript 对象的属性列表，并以交互式的形式展现。输出结果呈现为分层列表，包含展开/折叠的三角形图标，可用于查看子对象的内容。
因此，当我们打印对象时，可以使用 dir 代替 log
如果想要打印数组的话，那么 table() 是首选方法：
讯享网
一句话：贼清晰！
讯享网
这个 API 可以帮我们解决控制台打印过多的问题。
如果我们要开启一轮新的调试，那么可以在开始前执行 console.clear()，清空之前的控制台打印。
这样，可以帮我们更加专注的针对本次的调试，而不需要被之前的打印信息所误导！
这在 嵌套函数、递归 中非常有用，配合 console.groupEnd() 可以帮助我们完成分组打印。
比如下面的场景：
最终，打印结果如下：
console.time() 配合 console.timeEnd() 经常用来处理 计时操作。
比如，我们想要测试一个函数的执行耗时，那么就可以通过这种方式完成：
讯享网
计时结果如下：
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/206938.html