九个console命令调试JS

下面九个console命令，可以帮助我们更方便地调试

• 常用的console命令，最常用的事console.log()

1     //常用的console命令,其中最常用的console.log()
2     console.log(12);
3     console.info('some information');
4     console.error('error');
5     console.warn('warn'

• console.dir()查看对象的属性和方法

1     //查看对象的相关信息
2     var objInfo={
3         name:'lazy',
4         age:20,
5         sex:'male'
6     };
7     console.dir(objInfo);

• console.trace()追踪函数的调用轨迹，需要知道某个函数是如何被调用的，在里面加入console.trance()就可以了

 1     //追踪函数的调用轨迹
 2     function add(a,b){
 3         console.trace();
 4         return a+b;
 5     }
 6     var x=add2(1,1);
 7     function add1(a,b){
 8         return add(a,b);
 9     }
10     function add2(a,b){
11         return add1(a,b);
12     }

• console.time()  console.timeEnd() 显示某部分程序运行时间

1     //计时功能
2     console.time('控制台计时器01');
3     for(var i=0;i<100;i++){
4 
5     }
6     console.timeEnd('控制台计时器01');

• console.profile(name)  console.profileEnd(name)分析程序各部分的运行时间

 1     //性能分析,分析程序各个部分的运行时间,找出瓶颈
 2     function all(){
 3         for(var i=0;i<10;i++){
 4             func01(10);
 5         }
 6         func02(100);
 7     }
 8     function func01(count){
 9         for(var i=0;i<count;i++){
10 
11         }
12     }
13     function func02(count){
14         for(var i=0;i<count;i++){
15 
16         }
17     }
18     console.profile('性能分析器');
19     all();
20     console.profileEnd('性能分析器');

• console.group()   console.groupEnd()以分组的方式展示

1     //信息分组
2     console.group('第一个分组');
3         console.log('第一条');
4         console.log('第二条');
5     console.groupEnd();
6     console.group('第二个分组');
7         console.log('第一条');
8         console.log('第二条');
9     console.groupEnd();

• console.dirxml()显示某个节点的内容

1     //显示某个节点的内容
2     var myNode=document.getElementById('sp-float');
3     console.dirxml(myNode);

• 支持占位符

1     //占位符,支持printf的占位符格式,%s,%d,%i,%f,%o
2     console.log('%d年%d月%d日',2016,8,10);

• console.assert()判断某个变量是否为真

1     //判断某个变量是否为真(若结果为假,就在控制台输出相应信息并抛出错误)
2     console.assert(true==0);