console.log 优雅指南

本文介绍了JavaScript中console.log的各种高级用法,包括基本型的log、info、debug、warn和error,以及占位符和添加样式的用法。此外,还详细讲解了进阶的Console API,如trace、time/timeEnd、table、count、group、assert和clear,帮助开发者提升调试代码的效率和体验。
摘要由CSDN通过智能技术生成

所有做过前端项目的同学都有在浏览器控制台打印消息的经历,相信你们中的大部分都和我一样,习惯用 console.log 调试代码,所谓一招鲜吃遍天。

《鬼灭之刃》中,我妻善逸只会雷之呼吸一之型,把一之型练到了极致中的极致,练成了只属于我妻的独特雷之呼吸。但是调试代码可不一样,console.log 再怎么极致,也就打印的漂亮点罢了。

因此,还是把 console API 的所有型都学会,才能事半功倍,获得快速便捷的调试体验。

基本型 console.log() | info() | debug() | warn() | error()

基本的 console API 都是在控制台输出一条语义化的信息。

Log 和 Info 代表一条普通日志信息,唯一区别是在 Firefox 浏览器里,info 会在旁边显示一个小 i 图标。

Debug 代表一条调试信息,一般不显示,需要在控制台过滤选项里选上 verbose 级别的信息。

Warn 代表一条警告信息。

Error 代表一条错误信息,在 Firefox 浏览器里有个别称,叫 exception。

基本型在浏览器里打印出来的样子

基本型的高级用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值