<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>console 不止 log没错！console 不止 log ，console 对象内部提供了很多的方法。<br /> 调试只会console.log？来看一看这几种惊艳的调试技巧！使用更多的 console 方法配合可以帮助我们大幅提升调试的效率。</p> 讯享网
console.dir() 是一个专门打印 对象 的 API。console.dir() 方法可以显示指定 JavaScript 对象的属性列表，并以交互式的形式展现。输出结果呈现为分层列表，包含展开/折叠的三角形图标，可用于查看子对象的内容。因此，当我们打印对象时，可以使用 dir 代替 log
如果想要打印数组的话，那么 table() 是首选方法：const users = [
{ id: 1, name: ‘张三’, age: 25 },
{ id: 2, name: ‘李四’, age: 30 },
{ id: 3, name: ‘王五’, age: 35 },
];
console.table(users);
这个 API 可以帮我们解决控制台打印过多的问题。如果我们要开启一轮新的调试，那么可以在开始前执行 console.clear()，清空之前的控制台打印。这样，可以帮我们更加专注的针对本次的调试，而不需要被之前的打印信息所误导！
这在 嵌套函数、递归 中非常有用，配合 console.groupEnd() 可以帮助我们完成分组打印。比如下面的场景：
讯享网
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/145581.html