今天刷B站看到了一个up主介绍的JSconsole技巧,还挺有意思的,记录一下。
一,基础使用
第二行最左边的按钮控制显示隐藏控制台边栏,可以控制显示图片左边的界面。(我从来没看到过哈哈)
二,美化对象和数组类型显示
这个table功能还是不错的,对于一些对象类型数据的输出可以显示地更加直观。
三,执行耗时
console.time开始时间,console.timeEnd会打印出time到timeend之间花费的时间,timeLog会打印出单步执行的耗时。
四,有层次地显示内容
group和groupCollapsed区别就是默认状态不同。
五,函数的执行次数
countReset会重置执行次数为1
六,断言输出
传入两个参数,第一个布尔值,第二个是当布尔值为false时输出的内容。
七,美化
八,延申
console.dir(output,{depth:null})
打印对象,第一个参数是要打印的对象,第二个参数是配置项,比如常见的depth:null,展开所有子对象(在终端时很有用,因为终端不是浏览器,不可以点击array进行展开之类的)