网站首页 > 知识剖析 正文
作为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-11-17 CSV Parquet Avro:为正确的工作选择合适的工具
- 2024-11-17 JS基础进阶- 同步异步编程和EventLoop底层机制
- 2024-11-17 5个你应该知道的JavaScript技巧,不能错过!
- 2024-11-17 map映射+异步加载 完美过渡 if else
- 2024-11-17 Chrome控制台的一些有用API(chrome控件)
- 2024-11-17 Javascript调试器自编代码及运用(js调试工具和方法如何使用)
- 2024-11-17 NET中的定时器:种类与应用场景(winform定时器)
- 2024-11-17 全栈之路:从一个深拷贝开始循序渐进
- 2024-11-17 localStorage灵魂五问。 5M??10M(灵魂官方网站)
- 2024-11-17 JS中用于跟踪程序执行时间的专用函数,两个同时出现截断时间戳
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)