console. 相关

• console.time('计时开始: '); console.timeEnd('计时开始: ')
  • 注释: time 开始 timeEnd 结束, 可以用来测试某个方法执行时间等, 括号中 label 必须相同;
• console.count('label');
  • 注释: label 相同, 用于统计自己被调用了几次;
• console.log(string|array|object);
  • 注释: 打印信息(注: console.info(string|array|object); 为 log 的别名, 作用一样);
• console.error();
  • 注释: 输出自定义的错误信息;
• console.table(tableData, tableColumns);
  • 注释: 输出表格形态的数据(在动态绘制时的检查使用较多), 第一个参数是必需的(array|object), 且对象类型需要是数组或对象; 第二个参数只能是对应的键名;
• console.group('第一层'); console.groupEnd();
  • 注释: 用于将显示的信息分组, 可以把信息折叠或展开, 默认展开;

  //* console.group() 示例, 可以复制入控制台看效果
  console.group('第一层');
    console.group('第二层');
      console.log('yeah');
      console.warn('yeah');
      console.error('yeah');
    console.groupEnd();
  console.groupEnd();
  //* 注: 不用刻意保持一致的缩进, 此处只是方便展示

• console.groupCollapsed(); console.groupEnd();
  • 注释: 类似上条 console.group();, 默认收缩
  • 合并注释: console.groupEnd(); 结束内联分组
• console.trace();
  • 注释: 追踪函数的调用过程

  //* console.trace() 示例
  function d(a) {
    console.trace();
    a += 'd';
    return a;
  }

  function b(a) {
    a += 'b';
    return c(a);
  }

  function c(a) {
    a += 'c';
    return d(a);
  }

  var a = b('a');
  console.log(a); //* abcd
  /**
   * VM2409:2 console.trace
   * d @ VM2409:2
   * c @ VM2409:14
   * b @ VM2409:9
   * (anonymous) @ VM2409:17
  */

• console.profile(label); console.profileEnd(label);
  • 注释: 这个方法是 console.time(label); 的升级版, 能测耗时和性能, 不过要在 profile 中查看
• console.assert(boolean, string);
  • 注释: 该方法在第一个参数为 false 的情况下会在控制台输出第二个参数的信息.
• 控制台中输出带有样式的信息
  • console.log('%cHello', 'color: red);
  • 注释: 该方法可以在控制台输出带有样式的字符串信息;