console

样式

%c ，第二个参数是css字符串：

%c %s ，字符串在第三个参数

 

log()、info()、warn()、error()区别

1、 log()和info()

这两个没区别，看别人有说info()前有个蓝色的图标，不过我使用的版本的谷歌浏览器运行时没有

因为没有运行出来，下面这张图是在网上偷的，地址：https://zhuanlan.zhihu.com/p/23080626。
下面会有堆栈内依次调用运行的方法名及其他等信息，有的浏览器是没有的

2、warn()和error()

warn()输出的log前有个黄色的图标
error()输出的log前有个红色的图标
这两个展开下面，会有堆栈内依次调用运行的方法名及其他等信息，除了颜色信息都是一样的

 

几个实用的方法

1、trace()

调试JavaScript程序时，使用console.trace()，不仅会打印函数调用栈信息，同时也会显示函数调用中各参数的值。
2、count()

可以把console.count()放在一个方法内，每次调用都会加1，更好显示方法被调用了多少次。
3、time()和timeEnd()

以ms为单位的时间，这两个要同时用，可以不写参数，输出的是，default：** ms
如果加了参数，参数要一致console.time(“count”);否则会报错，输出的是，count：** ms

4、assert()

一般两个参数，前面的是表达式，后面是要输出的内容，如果表达式为false，则输出：

5、clear()

清空console的输出信息。
6、dir()

使输出内容格式化更易读，而且也会输出一个对象的全部属性和方法。
7、table()