网站首页 > 基础教程 正文
每个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本来就有time和timeEnd函数!只需要像下面这样直接调用即可:
原文链接:只会用console.log调试JS代码?— 汇智网
猜你喜欢
- 2024-10-16 「译」你不知道的Chrome调试技巧DAY1-DAY6
- 2024-10-16 Java8 Stream 拼接字符串 Collectors.joining
- 2024-10-16 开发人员要点:JavaScript console methods
- 2024-10-16 前端异常监控和容灾 前端架构师成长之路
- 2024-10-16 高级Web必备:网络优化,拿去镇住面试官
- 2024-10-16 JS 调试心得 前端js调试
- 2024-10-16 这几个JS调试方法知道很受益 js怎么调试
- 2024-10-16 小窍门分享:如何使用Chrome控制台创建表格
- 2024-10-16 10个JavaScript调试技巧,帮你更好、更快地调试代码
- 2024-10-16 5个控制台技巧助你在Chrome开发者工具更好的调试web应用(翻译)
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)