九个console命令调试JS
【摘要】
九个console命令调试JS
</h1>
<div class="clear"></div>
...
</h1>
<div class="clear"></div>
<div class="postBody">
- 1
- 2
- 3
下面九个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()查看对象的属性和方法
//查看对象的相关信息
2 var objInfo={
3 name:'lazy',
4 age:20,
5 sex:'male'
6 };
7 console.dir(objInfo);
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- console.trace()追踪函数的调用轨迹，需要知道某个函数是如何被调用的，在里面加入console.trance()就可以了
//追踪函数的调用轨迹
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 }
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- console.time() console.timeEnd() 显示某部分程序运行时间
//计时功能
2 console.time('控制台计时器01');
3 for(var i=0;i<100;i++){
4
5 }
6 console.timeEnd('控制台计时器01');
- 1
- 2
- 3
- 4
- 5
- 6
- console.profile(name) console.profileEnd(name)分析程序各部分的运行时间
/性能分析,分析程序各个部分的运行时间,找出瓶颈 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('性能分析器');- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- console.group() console.groupEnd()以分组的方式展示
//信息分组 2 console.group('第一个分组'); 3 console.log('第一条'); 4 console.log('第二条'); 5 console.groupEnd(); 6 console.group('第二个分组'); 7 console.log('第一条'); 8 console.log('第二条'); 9 console.groupEnd();- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- console.dirxml()显示某个节点的内容
//显示某个节点的内容 2 var myNode=document.getElementById('sp-float'); 3 console.dirxml(myNode);- 1
- 2
- 3
文章来源: lvsige.blog.csdn.net，作者：祥子的小迷妹，版权归原作者所有，如需转载，请联系作者。
原文链接：lvsige.blog.csdn.net/article/details/107417053
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）