Hello，大家好，我是 Sunday。
在日常开发中，大多数同学都会通过 console.log 的方式来进行代码调试。但是 console.log 是具备很多局限性的，比如：我们想要获取某段代码的执行耗时，通过 console.log 就无法满足需求。
那么怎么办呢？其实对于 console 对象来说，除了 log 方法它还提供了很多其他的方法帮助我们进行调试，利用这些方法可以极大地提升我们的工作效率~~
使用 console.table 可视化复杂的对象和数组：
const myData = [ { name: "程序员Sunday", age: 30 }, { name: "Sunday", age: 25 }];console.table(myData);打印结果如下：
图片
使用 console.trace 可以明确函数的调用逻辑关系：
function fn() { function test() { console.trace("这是一个利用trace的测试打印"); } test();}fn();打印结果如下：
图片
使用 console.time && console.timeEnd 来记录代码的执行耗时：
console.time('js 耗时')const vNodes = []for (let i = 0; i < 10000; i++) { const vNode = { type: 'div' } vNodes.push(vNode)}console.timeEnd('js 耗时')打印结果如下：
图片
使用 console.assert 断言你的判断逻辑。
如果断言为假，它抛出一个你指定的错误：
const myArray = []console.assert(myArray.length > 0, "myArray 是空的!");打印结果如下：
图片
在很多时候，我们的控制台可能会打印非常多的内容。所以，可以让代码在执行到某一个特定的时机时，利用 console.clear() 清空控制台
console.clear()执行之后会打印这个：
图片
使用 console.error 直接打印一个错误级别的描述：
console.error('错误信息')打印结果如下：
图片
本文链接：http://www.28at.com/showinfo-26-82029-0.html调试只会console.log？来看一看这六种惊艳的调试技巧！
声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com
上一篇： 深入了解pyinfra：Python基础设施自动化工具！
下一篇： 探索C++类中static关键字的妙用
Copyright © 2016-2023 天津谷骐科技有限公司 版权所有 sitemap.xml
违法及侵权请联系：2376512515@qq.com 津ICP备18001702号
津公网安备 12010102000574号