你所不知道的 console 对象的五个函数

Unless otherwise indicated, the text of documents in this site is available under the Creative Commons Attribution 3.0 Unported License, or any later version. Copyright 2009 - 2017 leopku.

文档信息

原文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() (戳) 《javascript 高级调(试)技之console.table() 》 「作者: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的用法》