首页
Preview

现在是2022年,请不要再只使用“console.log”了。

作为一名前端工程师,你肯定使用过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

这看起来像一个表格,简单明了。

版权声明:本文内容由TeHub注册用户自发贡献,版权归原作者所有,TeHub社区不拥有其著作权,亦不承担相应法律责任。 如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

点赞(0)
收藏(0)
一个人玩
先找到想要的,然后出发

评论(0)

添加评论