网站首页 > 基础教程 正文
作为JavaScript语言内的万金油,我们挚爱的console.log先生,它还有几个各怀绝技的亲兄弟却并不为人熟知。在本文中我们会探索这些在调试和编写代码过程中非常有用的方法。
console对象提供了多种用于浏览器调试的方法。虽然在不同的浏览器中console对象中各种方法的行为可能会有所变化,但其中有些功能在不同浏览器中的表现却已成为事实标准。console对象中的一些方法会根据传入的参数的数据类型不同,而根据其选择最适合的展示方法和显示格式。由于所有人都已经对log方法非常熟知,接下来我们会再仔细看看其他的较为少见的方法。
console.count()
count方法用于显示参数所表示的信息出现的次数。
console.error()
error方法适用于在console中显示错误信息的正确方式。使用此方法时,浏览器才会根据错误类型和语义正确调整日志格式。
console.table()
可以把参数中的信息以表格的形式格式化展示出来。如果你正在调试一系列API的返回,适用表格的形式查看所有API的信息真是“干净又卫生”。
console.time()
快速但侵入式的方式用于测量代码的执行效率。通过time方法可以查看代码中的某些特定部分执行所消耗的时间。
console.trace()
有的时候,问题的原因并不那么显而易见,比如你可能会触及到类似于先有鸡还是先有蛋的问题,也就是说究竟是哪个方法调用了哪个方法。此时使用trace方法可以查看代码执行的调用栈信息。到底根因在哪,一目了然。
console.warn()
符合语义地用于表示警告的方法。一种可能的使用场景是对于你的应用中可能出现的某种限制,在限制到来之前先通过警告的方式告诉开发者,直到真正达到限制阈值再抛出异常。或者你可能最经常看到的场景,用于告诉开发者某个方法将被弃用。
console.assert()
有时候并不是所有代码执行情况都值得记录日志。比如说,我们需要跟踪鼠标的移动轨迹,在它移动到某个容器之外时抛出日志信息。为了满足这种条件性的日志记录,我们可以使用assert方法,当参数中的第一个条件为false时才会出发日志记录。
总结
今天介绍的这些console对象的方法有助于帮助我们简化调试流程,幸福开发生活,并可在代码中使用更多符合语义的方法来替代log方法。
猜你喜欢
- 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)