九个Console命令，让js调试更简单_console.normal-优快云博客

一、显示信息的命令

 console.log('hello');
 console.info('信息');
 console.error('错误');
 console.warn('警告');

最常用的就是console.log了。

二：占位符
console上述的集中度支持printf的占位符格式，支持的占位符有：字符（%s）、整数（%d或%i）、浮点数（%f）和对象（%o）

console.log("%d年%d月%d日",2011,3,26);

三、信息分组
   9:         console.group("第一组信息");
  10:
  11:     　　　　console.log("第一组第一条:我的博客(http://www.ido321.com)");
  12:
  13:     　　　　console.log("第一组第二条:优快云(http://blog.youkuaiyun.com/u011043843)");
  14:
  15:     　　console.groupEnd();
  16:
  17: 　　    console.group("第二组信息");
  18:
  19:     　　　　console.log("第二组第一条:程序爱好者QQ群： 259280570");
  20:
  21:     　　　　console.log("第二组第二条:欢迎你加入");
  22:
  23: 　　    console.groupEnd();

四、查看对象的信息
console.dir()可以显示一个对象所有的属性和方法。
           var info = {
             blog:"http://www.blog.com",
             QQ:12345678,
             message:"程序爱好者欢迎你的加入"
         };
         console.dir(info);

五、显示某个节点的内容

console.dirxml()用来显示网页的某个节点（node）所包含的html/xml代码。

   <script type="text/javascript">
        var info = document.getElementById('info');
          console.dirxml(info);
   </script>

六、判断变量是否是真

console.assert()用来判断一个表达式或变量是否为真。如果结果为否，则在控制台输出一条相应信息，并且抛出一个异常。

<script type="text/javascript">
   var result = 1;
   console.assert( result );
   var year = 2014;
   console.assert(year == 2018 );
 </script>

1是非0值，是真；而第二个判断是假，在控制台显示错误信息

七、追踪函数的调用轨迹。

console.trace()用来追踪函数的调用轨迹。

 /*函数是如何被调用的，在其中加入console.trace()方法就可以了*/
 　　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()和console.timeEnd()，用来显示代码的运行时间。

1: <script type="text/javascript">
   2: 　　console.time("控制台计时器一");
   3: 　　for(var i=0;i<1000;i++){
   4: 　　　　for(var j=0;j<1000;j++){}
   5: 　　}
   6: 　　console.timeEnd("控制台计时器一");
   7: </script>