JavaScript console API小整理

在开发项目的时候在控制台调试时看到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()

 

大概整理的就这么多了,有什么错误希望大神能帮忙指出,也欢迎大家添加新内容

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值