你不知道的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,其他大家都不怎么用，其实有些还是能帮助开发的，当然也可以当知识储备嘛，需要用的时候再用