作为一名前端工程师,你肯定使用过console.log
,它可以帮助我们在控制台打印辅助信息以解决问题。但是你知道console
对象的其他秘密吗?
本文将介绍5个使用console
对象的实用技巧,希望你会喜欢。
1. console.log()
1.1 基本用法
console.log()
是我们在工作中最常用的方法,你可以在JavaScript的任何地方使用它。
但是当打印信息量变得很大时,信息就变得不太直观了,因为我们不知道它指的是什么!
所以,我们需要一个对象来让它更清晰。
1.2 CSS样式
console.log
可以自定义,很有趣。
2. console.warn()
当控制台打印出大量信息时,很难找到我们想要的信息。别担心,console.warn
可以帮助我们,因为它有一个特殊的黄色标记。
3. console.error()
在我们的日常工作中,我们不可避免地发送HTTP请求以获取数据,当请求发生错误时,我会习惯性地通过console.log
打印错误信息。
但是我的朋友,请相信我,这不是一个好主意。使用console.error
会更加明智,因为它不仅有一个独特的红色错误标记,而且打印了函数调用的堆栈关系。
4. console.time() & console.timeEnd()
朋友们,你们一般如何计算代码的执行时间?
也许你也通过计算两个时间间隔来获得一段代码的执行时间,但是我们有更好的选择,你想试试吗?
哇,这太棒了,我太喜欢这种方式了。但这还不够,如果你想计算多段代码的执行时间,你需要给它们一个标记。
5. console.table()
我们经常使用console.log
来打印一些信息,但有时它并不是那么直观。
让我们试试console.table
。
这看起来像一个表格,简单明了。
评论(0)