几个常用的console.log调试命令

本文介绍了JavaScript控制台的多种实用技巧,包括显示信息、使用占位符、信息分组、显示对象详情、显示HTML节点内容、查看函数调用顺序、控制台计时以及性能测试等。这些技巧有助于开发者更高效地进行调试和性能优化。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一。显示信息的命令

console.log('hello')

console.error('错误信息');

console.warn(''警告信息");

console.info("信息");


二。占位符

console.log("%d年%d月%d日",2016,08,19);


三。信息分组

console.group('我是信息标题');

console.log(1);

console.log(2);

console.groupEnd();

四。显示对象信息

var preson={

name:'leo',

age:19,

say:function(){ alert('hello world!');}

}

console.dir(preson)

五。显示某个节点的HTML内容

var id=document.getElementById('#id');

console.dirxml(id);

六。查看函数调用顺序

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);}

七。控制台计时功能

console.time('控制台计时器');

function hello(){
    for(var i=0;i<1000;i++){
    for(var j=0;j<1000;j++){}
    }
    }
    hello()
;

console.timeEnd('控制台计时器');

八。性能测试

function AllFn(){
             alert(11);
          for(var i=0;i<10;i++){
                 funcA(1000);
              }
         funcB(10000);
       }


       function funcA(count){
         for(var i=0;i<count;i++){}
       }


       function funcB(count){
         for(var i=0;i<count;i++){}
       }


       console.profile('性能分析器');
       All
Fn();
       console.profileEnd();


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值