console的命令详解

来源:互联网 发布:司马大数据 编辑:程序博客网 时间:2024/04/29 23:35

一、显示信息的命令

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


三、信息分组

console.group("第一组信息");

  console.log("第一组第一条:我的XX");

  console.log("第一组第二条:xxx");

console.groupEnd();

console.group("第二组信息");

  console.log("第二组第一条:程序爱好者QQ群: 80535344");

  console.log("第二组第二条:欢迎你加入");

console.groupEnd();

四、查看对象的信息

console.dir()可以显示一个对象所有的属性和方法。

var info = {
      name:"无名小强",
      sex:"男",
      message:"我是前端程序员"
};
console.dir(info);

五、显示某个节点的内容

var info = document.getElementById('info');
console.dirxml(info);

六、判断变量是否是真

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

var result = 1;
console.assert( result );
var year = 2014;
console.assert(year == 2018 );

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

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

function add(a,b){
        console.trace();
  return a+b;
}

八、计时功能

console.time()和console.timeEnd(),用来显示代码的运行时间。

        console.time("控制台计时器一");
  for(var i=0;i<1000;i++){
    for(var j=0;j<1000;j++){}
  }
  console.timeEnd("控制台计时器一");

九、console.profile()的性能分析

性能分析(Profiler)就是分析程序各个部分的运行时间,找出瓶颈所在,使用的方法是console.profile()。

function All(){
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();
  console.profileEnd();


0 0
原创粉丝点击