×

其实 console 除了 log 之外还有很多实用的方法

96
goddyzhao
2018.07.01 15:59 字数 500

我相信大家平时写 JavaScript 代码过程中,console.log 这个方法肯定是使用频率很高的,纵然可以使用调试工具,但有的时候还是习惯了用 console.log 来进行调试。而事实上,console 除了 log 方法之外还有很多实用的方法,今天小编就来为大家介绍一下。

console.time 和 console.timeEnd

这两个方法用来统计某段代码的执行时间,time 表示开始计时,timeEnd 表示结束计时统计耗时结果。我们来举个例子,假设我们生成一个包含了 200000 个随机数的数组,对这个数组进行排序,统计下排序的耗时,在 chrome 中运行后结果如下:

console.table

这个方法对于要查看一个数组中包含了对象、或者一个对象中还包含了对象的情况下,简直是利器,来看个例子:

console.info、console.warn、console.error

这个很容易理解,就是对消息以不同的形式进行展现:

console.trace

这个方法就是将 stack trace 信息打印出来,就像这样:

console.count

每次执行到这个方法的时候,就会根据你指定的标签进行自增计数,就像这样:

console.assert

这个方法就是用来断言,参数中的表达式是否为 true,如果是 true 就什么也不显示,如果不为 true 就会打印出一段消息

console.group 和 console.groupEnd

这两个方法可以用于将 log 信息进行分组,更有条理地展现信息,就像这样:

以上这些方法肯定会对你日常调试有所帮助。好了,本期就到这里了,我们下期再见。

关注「jscourse」微信公众号可以获取更多学习课程和资料。

jscourse
Web note ad 1