码迷,mamicode.com
首页 > Web开发 > 详细

九个console命令调试JS

时间:2016-08-26 10:43:26      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:

下面九个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);

技术分享

 

九个console命令调试JS

标签:

原文地址:http://www.cnblogs.com/lazychen/p/5809262.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!