console对象–详解

871 查看

对于js的调试，一般我们经常用alert()或者console.log()进行调试。但是alert()会让程序中断，而console.log()则不会。虽然用的很多，但是我就只知道console.log()而已。今天专门去研究一下这个东西console。

JS原生中默认是没有console对象,这是宿主对象（也就是游览器）提供的内置对象。用于访问调试控制台, 在不同的浏览器里效果可能不同。

比如：现在大部分的游览器都是带有调试功能的。而低版本的IE就没有，所以在低版本IE的window中，console对象并不存在。【所以还需要低版本支持的朋友要注意】。

打印window对象中的console：

接下来打印一下console都有一些什么功能：

这是谷歌和火狐for(var i in console){console.log(i)}出来，对应游览器所支持的console方法：

console 的方法

console.log(),console.debug(),console.info()

console.log方法用于在控制台输出信息。它可以接受多个参数，逗号分隔。它会自动在每次输出的结尾，添加换行符。没有返回值回会返回undefined。【console.log大家用的很熟的】

如果第一个参数是格式字符串（使用了格式占位符），console.log方法将依次用后面的参数替换占位符，然后再进行输出。

占位符格式如下表：

模式	类型
%s	字符串
%d,%i	整数
%f	浮点数
%o	对象超链接
%c	CSS格式化样式

console.log方法和console.debug()与console.info()，几乎用法完全一样，唯一不同的就是现实时候的表现形式了。
注意一点的是：IE不支持debug()方法

console.assert()

接收至少两个参数，第一个参数的值或返回值为false的时候，将会在控制台上抛出一个异常并将其余参数作为异常描述输出.

1 2	console.assert(false,123) //抛出错误，并且输出，返回undefined console.assert(true,123) //没有错误，返回undefined

console.count()

console.count()方法用于计数，输出它被调用了多少次。

(function() {

for (var i = 0; i < 5; i++) {

console.count('count');

}

})();

console.count()方法里面可以传入一个字符串作为参数，作为标签，对执行次数进行分类

function greet(user) {

console.count(user);

return "hi " + user;

}

greet('bob')

greet('alice')

greet('bob')

console.clear()

console.clear()清空控制台内容。

console.dir()

console.dir()方法用来对一个对象进行检查，并以易于阅读和打印的格式显示。

var obj = {

name: 'c',

age: '20',

type: '1'

};

console.dir(obj);

var arr = [1,2,3]

console.dir(arr)

var s = 'sdfs'

console.dir(s)

var n = '123'

console.dir(n)

console.error(),console.warn()

`console.error(),console.warn()`方法用于输出错误和警告信息，用法和常见的`console.log`方法一样，不同点在于输出时候的表现形式。一个是黄色的警告形式一个是红色的错误形式。而`console.error()`方法会标记为错误的地方。

console.table()

console.table()方法可以将传入的对象或数组这些复合数据以表格形式输出。

var arr= [

{ num: "1"},

{ num: "2"},

{ num: "3" }

];

console.table(arr);

var obj= {

a:{ num: "1"},

b:{ num: "2"},

c:{ num: "3" }

};

console.table(obj);

console.time(),console.timeEnd()

console.time(),console.timeEnd()方法计算一个操作的执行的时间console.time()是开始，console.timeEnd()是结束。可以传一个参数，参数为计时器的名称。

console.count()方法里面可以传入一个字符串作为参数，作为标签，对执行次数进行分类

function greet(user) {

console.count(user);

return "hi " + user;

}

greet('bob')

greet('alice')

greet('bob')