常见的console用法

2019独角兽企业重金招聘Python工程师标准>>>

常见的console用法

• 1.console.log(object[, object...])

  打印输出结果，可能是工作中最常用的运算结果输出了

  示例：
  var str="abc";
  console.log(str);   //abc
  

• 2.console.warn(object[, object...])

  输出参数的内容，作为警告提示。

  示例：
  console.warn('warn'); // 输出 warn
  

• 3.console.info(object[, object...])

  也是打印常用信息，跟console.log()几乎没有区别

• 4.console.error(object[, object...])

  打印错误信息

  示例：
  console.warn('error'); // 输出 error
  

• 5.console.time(name)

  计时器，可以将成对的console.time()和console.timeEnd()之间代码的运行时间输出到控制台上，name参数可作为标签名。我们常用于计算一段程序的执行时间

  示例：
  console.time('计时器');
  for (var i = 0; i < 1000; i++) {
    for (var j = 0; j < 1000; j++) {}
  }
  console.timeEnd('计时器');    // 计时器: 6.188720703125ms
  

• 6.console.profile([profileLabel])

  这是个挺高大上的东西，可用于性能分析。在 JS 开发中，我们常常要评估段代码或是某个函数的性能。在函数中手动打印时间固然可以，但显得不够灵活而且有误差。借助控制台以及console.profile()方法我们可以很方便地监控运行性能。

  示例：
  function parent() {
    for (var i = 0; i < 10000; i++) {
      childA(i)
    }
  }
  
  function childA(j) {
    for (var i = 0; i < j; i++) {
      console.log("hehe")
    }
  }
  
  console.profile('性能分析');
  parent();
  console.profileEnd();
  

• 7.console.log()

  可将传入的对象，或数组以表格形式输出，相比传统树形输出，这种输出方案更适合内部元素排列整齐的对象或数组，不然可能会出现很多的 undefined。

  示例：
  var obj = {
    foo: {
      name: 'foo',
      age: '33'
    },
    bar: {
      name: 'bar',
      age: '45'
    }
  };
  
  var arr = [
    ['foo', '33'],
    ['bar', '45']
  ];
  
  console.table(obj);   //console 中以表格的形式输出
  console.table(arr);
  

• 8.console.group

  这是个有趣的方法，它能够让控制台输出的语句产生不同的层级嵌套关系，每一个console.group()会增加一层嵌套，相反要减少一层嵌套可以使用console.groupEnd()方法。

  示例：
  console.log('这是第一层');
  console.group();
  console.log('这是第二层');
  console.log('依然第二层');
  console.group();
  console.log('第三层了');
  console.groupEnd();
  console.log('回到第二层');
  console.groupEnd();
  console.log('回到第一层');  
  // 输出结果类似于目录树的树状结构  
  

• 9.console.dir(object)

  将传入对象的属性，包括子对象的属性以列表形式输出：

  示例：
  var obj = {
    name: 'classicemi',
    college: 'HUST',
    major: 'ei'
  };
  console.dir(obj);
  
  

  ​

转载于:https://my.oschina.net/shuaihong/blog/1551063