1、顯示信息的命令

console.log('hello');
console.info('信息');
console.error('錯(cuò)誤');
console.warn('警告');

最常用的就是console.log( )

2、占位符

console也支持printf的占位符，支持的字符有：
字符（%s）、整數(shù)（%d或%i）、浮點(diǎn)數(shù)（%f）和對(duì)象（%o）.
console.log("%d年%d月%d日",2017,11,9);

3、信息分組

圖片.png

圖片.png

4、查看對(duì)象信息

圖片.png

圖片.png

5、顯示某個(gè)節(jié)點(diǎn)的內(nèi)容

圖片.png

圖片.png

6、輸出表格

var animals = [{
        animal: 'Horse',
        name: 'Henry',
        age: 43
    }, {
        animal: 'Dog',
        name: 'Fred',
        age: 13
    }, {
        animal: 'Cat',
        name: 'Frodo',
        age: 18
    }]

結(jié)果：

圖片.png

七、追蹤函數(shù)的調(diào)用軌跡。

<script type="text/javascript">
/*函數(shù)是如何被調(diào)用的，在其中加入console.trace()方法就可以了*/
　　function add(a,b){
console.trace();
　　　　return a+b;
　　}
　　var x = add3(1,1);
　　function add3(a,b){return add2(a,b);}
　　function add2(a,b){return add1(a,b);}
　　function add1(a,b){return add(a,b);}
</script>

八、計(jì)時(shí)功能

console.time('Timer1');
    var items = [];
    for (var i = 0; i < 100000; i++) { items.push({ index: i }); }
    console.timeEnd('Timer1');

結(jié)果：

圖片.png