console总结

console总结"/>

console总结

偶然差了一下console.time(),发现对于console这个大家庭，了解甚少

先说一下console，JavaScript 原生中默认是没有 Console 对象，这是某些浏览器提供的内置对象。在不同的浏览器里显示可能不同

常见的console

console.log()
console.info()
console.warn()
console.error()
console.debug()
下图分别为chrome、firefox、safair显示效果,chrome不支持.debug(),firefox不支持.warn()。且不同浏览器对于信息的展示效果也不尽相同，例如.info()在chrome与.log()效果相同，而在firefox中有图标区别，safair区别更为明显

chrome效果图

firefox效果图

safair浏览器效果

其他console

console.time()
console.timeEnd()
console.clear()
console.count()
console.trace()
console.assert()
console.table()
console.dir()
console.dirxml()

console.time(‘’)与console.timeEnd(‘’)需共同使用，用于计算两者之间运行程序耗费的时间。如项目组存在多个console.time可添加区分，例如console.time(‘内容名称’)，此时console.timeEnd(‘内容名称’)名称需要匹配才能配对。
console.clear()顾名思义，清除当前console值
console.count()可用来计算一个方法被调用的次数，或一段代码执行的次数
console.trace()查看方法在什么地方被调用，追溯方便（是我本次发现的小惊喜）
console.assert(bool,‘打印值’)中有两个参数，第一个是bool类型的，可放表达式等，如果为false，以error样式打印第二个参数，为true时无操作

console.table()将对象以表哥形式展示，便于查看

console.dir()可以显示一个对象所有的属性和方法。跟.log()类似，据说比.log()详细，我没发现，也可能针对特殊使用场景吧，反正对普通对象没差
console.dirxml()针对DOM对象