js table多层嵌套_只会console.log?8个高效调试js的console方法

每个JavaScript开发者都用过console.log()来调试程序,但实际上Console对象还提供了很多其他方法可以提高调试效率。本文将介绍8个有趣的Console方法,即使JavaScript老手也不一定知道!

1、console.assert ✅

学编程,上汇智网,在线编程环境,一对一助教指导。

console.assert用来测试传入的参数是true还是false。当传入的值为false时,该函数将输出第一个参数后的额外参数,否则不输出任何日志。

2e8e38d50b13205bc3f842454df05311.png

当你希望检查值是否存在并且希望避免控制台输出太多信息时,assert 方法非常有用。

2、console.count and console.countReset

这两个方法用来设置/复位特定字符串的日志输出计数器:

4f72ba5def6cd3054ddd224f5d652376.png

3、console.group and console.groupEnd

这两个方法用来管理控制台日志的分组。.group()方法的第一个参数用来声明一个标签,后续的日志自动缩进已展示分组。.groupEnd()则结束分组日志的缩进:

cd33962b3ae42ac0347d444d027894d6.png

4、console.table

学编程,上汇智网,在线编程环境,一对一助教指导。

table()方法用表格显示对象或数组内容,非常有用:

4ab652002b50cd365715774b8172e82d.png

console.table 使得查看嵌套的复杂对象或数组的内容不那么困难了。

5、console.time and console.timeEnd ⏱

有时为了测试性能,需要检查一段代码的执行时间,为此你可能会 使用Date API先记录开始时间戳,然后执行完代码之后再次用Date 获取新的时间戳并记录两者差值,就像这样:

f6587a4c6561324033db81d96ca10ef9.png

实际上,console本来就有time和timeEnd函数!只需要像下面这样直接调用即可:

333af85208837020a9c80f03ca3c79a6.png

原文链接:只会用console.log调试JS代码?— 汇智网

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值