你所熟悉而陌生的 console 对象 ??!!

作为前端开发者,浏览器的console对象乃是JS调试的尚方宝剑,以下常见的方法相信大家都用过:


  • console.log()

  • console.info()

  • console.warn()

  • console.error()

然而其实还有更多实用而强大的方法静静地躺在那里等待着我们发掘

1. console.clear()

清空控制台

2. console.trace()

打印带堆栈的日志,让调用过程一目了然

你所熟悉而陌生的 console 对象 ??!!

3. console.time() & console.timeEnd()

计算代码运算时间,找到你的代码性能问题,输出的位置要注意异步操作

你所熟悉而陌生的 console 对象 ??!!

4. console.count(xx)

输出执行的次数

你所熟悉而陌生的 console 对象 ??!!

5. console.assert(false/true,'xx')

输出信息也可以自带条件判断了,第一个参数结果为false时将打印出error级别的信息

你所熟悉而陌生的 console 对象 ??!!

6. console.memory 属性

注意不是方法,此属性打印出堆栈的大小,有助于找出性能问题(比如内存泄露)

你所熟悉而陌生的 console 对象 ??!!

这些方法在关键的时候很有用,下次在代码中尝试一下吧。

注:本文整理自网络,Yotam Kadishay

你所熟悉而陌生的 console 对象 ??!!


【html】【css】【html】【css】【javascript】【html】【javascript】【css】【javascript】【css】


分享到:


相關文章: