提升前端开发效率及查错能力的小技巧

// 判断第一个参数是否为真，false 的话抛出异常并且在控制台输出相应信息。
Console.assert();

// 清空控制台，并输出 Console was cleared。
Console.clear();

// 以参数为标识记录调用的次数，调用时在控制台打印标识以及调用次数。
Console.count();

// 重置指定标签的计数器值。
Console.countReset();

// 在控制台打印一条 "debug" 级别的消息。
Console.debug();

// 显示一个由特定的 Javascript 对象列表组成的可交互列表。这个列表可以使用三角形隐藏和显示来审查子对象的内容。.
Console.dir();

// 打印 XML/HTML 元素表示的指定对象，否则显示 JavaScript 对象视图。
Console.dirxml();

// 打印一条错误信息，使用方法可以参考 string substitution。
Console.error();

// 创建一个新的内联 group, 后续所有打印内容将会以子层级的形式展示。调用 groupEnd()来闭合组。
Console.group();

// 创建一个新的内联 group。使用方法和 group() 相同，不同的是，groupCollapsed() 方法打印出来的内容默认是折叠的。调用groupEnd()来闭合组。
Console.groupCollapsed();

// 闭合当前内联 group。
Console.groupEnd();

// 打印资讯类说明信息，使用方法可以参考 string substitution。
Console.info();

// 打印内容的通用方法，使用方法可以参考 string substitution。
Console.log();

// Starts the browser‘s built-in profiler (for example, the Firefox performance tool). You can specify an optional name for the profile.
Console.profile();

// Stops the profiler. You can see the resulting profile in the browser‘s performance tool (for example, the Firefox performance tool).
Console.profileEnd();

// 将列表型的数据打印成表格。
Console.table();

// 启动一个以入参作为特定名称的计时器，在显示页面中可同时运行的计时器上限为10,000.
Console.time();

// 结束特定的 计时器 并以豪秒打印其从开始到结束所用的时间。
Console.timeEnd();

// 打印特定 计时器 所运行的时间。
Console.timeLog();

// 添加一个标记到浏览器的 Timeline 或 Waterfall 工具。
Console.timeStamp() ;

// 输出一个 stack trace。
Console.trace();

// 打印一个警告信息，可以使用 string substitution 和额外的参数。
Console.warn();

function test() {
  console.log("debugger之前");
  debugger;
  console.log("debugger之后");
}