九個console命令調試JS </h1><div class="clear"></div><div class="postBody">

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

• 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 }

• console.time()? console.timeEnd() 顯示某部分程序運行時間

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

• 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('性能分析器');
  • 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();
  • console.dirxml()顯示某個節點的內容
  //顯示某個節點的內容 2 var myNode=document.getElementById('sp-float'); 3 console.dirxml(myNode);

總結

以上是生活随笔為你收集整理的九个console命令调试JS的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。