文章目录1、 console.dir() 打印对象2、console.table() 打印数组3、 console.clear() 清理控制台4、console.group() 控制打印组5、console.time() 完成计时console.log 是一个很好的调试方式。但是 如果我们滥用它效果反而会适得其反大量打印信息堆积如山反倒使得我们难以理清各条输出的对应逻辑因此我们可以寻找可好的调试方案来解决 console.log 过多而导致的混乱问题。其实console 不止 log console 对象内部提供了很多的方法。使用这些 console 方法可以帮助我们大幅提升调试的效率。1、 console.dir() 打印对象console.dir() 是一个专门打印 对象 的 API。console.dir() 方法可以显示指定 JavaScript 对象的属性列表并以交互式的形式展现。输出结果呈现为分层列表包含展开/折叠的三角形图标可用于查看子对象的内容。因此当我们打印对象时可以使用 dir 代替 log2、console.table() 打印数组如果想要打印数组的话那么 table() 是首选方法constusers[{id:1,name:张三,age:25},{id:2,name:李四,age:30},{id:3,name:王五,age:35},];console.table(users);一句话贼清晰3、 console.clear() 清理控制台这个 API 可以帮我们解决控制台打印过多的问题。如果我们要开启一轮新的调试那么可以在开始前执行 console.clear()清空之前的控制台打印。这样可以帮我们更加专注的针对本次的调试而不需要被之前的打印信息所误导4、console.group() 控制打印组这在 嵌套函数、递归 中非常有用配合 console.groupEnd() 可以帮助我们完成分组打印。比如下面的场景functionfactorial(n){console.group(方法开始长度(${n}));if(n1){console.log(执行 1);console.groupEnd();return1;}else{letresultn*factorial(n-1);console.log(执行${result});console.groupEnd();returnresult;}}factorial(3);最终打印结果如下5、console.time() 完成计时console.time() 配合 console.timeEnd() 经常用来处理 计时操作。比如我们想要测试一个函数的执行耗时那么就可以通过这种方式完成functionprocessLargeData(){console.time(time);// 模拟耗时操作for(leti0;i1000000;i){Math.sqrt(i);}console.timeEnd(time);}processLargeData();计时结果如下