前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript调试必会的8个console方法

JavaScript调试必会的8个console方法

作者头像
用户1408045
发布2019-09-23 15:02:55
8340
发布2019-09-23 15:02:55
举报
文章被收录于专栏:汇智网教程

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

1、console.assert ✅

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

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

在这里插入图片描述
在这里插入图片描述

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

2、console.count and console.countReset ?

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

在这里插入图片描述
在这里插入图片描述

3、console.group and console.groupEnd ?

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

在这里插入图片描述
在这里插入图片描述

4、console.table ?

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

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

在这里插入图片描述
在这里插入图片描述

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

5、console.time and console.timeEnd ⏱

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

在这里插入图片描述
在这里插入图片描述

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

在这里插入图片描述
在这里插入图片描述

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

(adsbygoogle = window.adsbygoogle || []).push({});

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1、console.assert ✅
  • 2、console.count and console.countReset ?
  • 3、console.group and console.groupEnd ?
  • 4、console.table ?
  • 5、console.time and console.timeEnd ⏱
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档