在开发项目的时候在控制台调试时看到console对象有很多个方法,但平时也就用console.log而已,为了了解一下这个对象的各种方法,我上网找了些资料最后整理了出来。
打印信息
平时在控制台调试和在js中打印出某一部内容时,我都是直接用的console.log,但是其实打印这些内容有几个方法
console.log('log')
console.info('info')
console.error('error')
console.warn('warn')
虽然只是颜色不同,但如果我们要打印一些内容来提示自己写的代码有错误,用console.errorr会让我们更容易发现自己的错误是否打印出来了。
计算执行次数:console.count()
显示分组:console.group() console.groupCollapsed()
console.group和console.groupCollapsed都是将打印的东西分组,但是group默认显示分组内容,groupCpllapsed默认隐藏分组内容
console.groupEnd()会结束分组,如果不使用groupEnd,分组会一直延续下去,分组内也可以嵌套分组
显示对象信息:console.dir()
显示页面元素信息:console.dirxml
<body>
<div></div>
</body>
var body=document.getElementsByTagName('body')[0];
console.dirxml(body);
判断表达式是否为真:console.assert()
可传入一个参数,也可传入两个参数
传入一个参数时判断其是否为true,false时报错并在error后显示console.assert
传入两个参数时对第一个参数进行判断,并在false时在error后显示第二个参数
追踪函数调用轨迹:console.trace()
计算运行的时间:console.time() console.timeEnd()
这两个方法都需要传入一个参数,当两个方法内的参数相同时,在控制台上打印出两个console之间的时间差
清空控制台:console.clear()
使用该方法后控制台被清空并在控制台顶行显示Console was cleared,使用这个方法之前声明好的变量还在,作用跟左上角那个清除按钮差不多
将传入的对象或数组以表格形式输出:console.table()
大概整理的就这么多了,有什么错误希望大神能帮忙指出,也欢迎大家添加新内容