你不知道的console

你还是只知道console.log吗? 别说了,上车吧

说实话,我也吓一跳,原来调试就用console.log
别说debug断点调试了
但是突然的某一天
我看到个一些代码,然后再查询,才发现console有着这么多的命令
来让我们一个个的了解

console.warn
还记得有些网站打开后黄色感叹号的信息,我们利用cosole.warn就可以在控制台表示

console.error
这个最常见了,常见的代码报错的操作啊
可以在自己的网站上编辑,吓吓自己咯

console.info
这个其实和log是差不多的,但是我觉得可以用这个放一些你想要别人知道的信息
比如在百度首页打开控制台的时候
大家有没有发现招聘信息啊–>_ –>

console.assert()
这个可能就不是单单用来输出信息了,可以判断条件是否为真
如果为假,则输出预先设置好的信息
举个例子
console.assert(0 > 1, ‘开玩笑吧’);
这种情况控制台会打印false+你设置的报错信息

console.clear
这个会清空console.clear之前所有的控制台打印的信息
并且在控制台中答应console was cleared
当然是你程序不报错执行到console.clear的时候了
浏览器不会让你自欺欺人了哈哈

console.dir
可以用来输出对象的信息,显示一个对象的所有属性

console.time && console.timeEnd
这是用来计时的咯
顾名思义嘛,time开始,timeEnd结束
在一段运行的代码前后console记录运行时间
比在代码里设置一个定时器方便吧
后面会举例
*注意***time一定不能放在clear之前

console.group && console.groupEnd()
这就是用来将信息分组,在group和groupEnd中间的信息会是一个分组,可以收起

console.table
可以把一些分类信息,复合的属性使用table,会将信息以表格的信息展出

console.count
这是用来记录console.count被调用了多少次,也可以传个参数标识

代码

var a = [{a:'aaa', b:'aaa'}, {a:'aaa', b:'aaa'}, {a:'aaa', b:'aaa'}];
console.warn('这是个警告')
console.error('你代码写错了');
console.info('可以用来放招聘信息');
console.log(0 > 1, '开玩笑吧');
console.clear();
console.dir(a);
console.time('这段代码运行了');
for(var i = 0; i < 1000; i++){
    i += 10;
}
console.timeEnd('这段代码运行了');
console.group("这是一个分组的console");
console.log("这是组员");
console.groupEnd();
console.table(a);
console.count();

长舒一口气,算是敲完了,其实在我周围感觉平常用的还是console.log,其他大家都不怎么用,其实有些还是能帮助开发的,当然也可以当知识储备嘛,需要用的时候再用

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值