文档信息

原文：https://shellycloud.com/blog/2014/11/five-functions-of-the-console-object-you-didnt-know?utm_source=himysql&utm_medium=link&utm_campaign=five-functions-of-the-console-object-you-didnt-know

作者：@_bkzl

日期：2014年11月

翻译信息

译者：@leopku

链接：http://www.himysql.com/post/five-functions-of-the-console-object-you-didnt-know/

翻译版本：1

翻译日期：2014年11月10

console.log 常被用来作为日志之用，但是 Console 对象还有一堆类似有用函数鲜为人知。本文中我将选择五个很有意义、在每天的工作中都能实用，却不是很流行的函数。

所有的功能均在 Google Chrome 38 版本中测试有效

console.assert(expression, message)

如果第一个参数的值为假，该函数将在 web 控制台输出第二个参数；如果第一个参数的值为真，神马也不会输出。

> console.assert(document.querySelector('body'), "Missing 'body' element");

> console.assert(document.querySelector('.foo'), "Missing '.foo' element");
[Error] Assertion failed: Missing '.foo' element

console.table(object)

该函数将对象或数组以表格的方式显示 更多关于 console.table() 搓~~(戳) 戏~~(试)技之console.table() 》《javascript 高级调 「作者：Marius Schulz」「译文（计划中）」

console.profile(name)

console.profile(name) 在控制台中开始一个 CPU 分析器。参数可以扔进去一个报表的名称。每个分析器会保存在单独的 tab 中并以下拉列表分组。记住有始有终，不要屎(始)乱终弃，要调用 console.profileEnd() 停止分析器。

console.group(message)

console.group(message) 分组所有后面的日志输出到下拉列表里，直到 console.groupEnd() 被调用。列表可以是嵌套滴。console.groupCollapsed(message) 类似，只不过默认列表是折叠状态。

console.time(name)

console.time(name) 将启动一个以参数命名的计数器，计算被 console.timeEnd(name) 命令终止时流逝的时间。

> console.time('Saving user');
> console.log('User saved');
> console.timeEnd('Saving user');
Saving user: 2.750ms

想看所有的函数戳 Google Chrome 网站上的《Console API指南》和《console的用法》