你所不知道的 console 对象的五个函数(功能)

2014-11-10 23:08:04 +08:00
 leopku

文档信息
原文https://shellycloud.com/blog/2014/11/five-functions-of-the-console-object-you-didnt-know
作者@_bkzl
日期:2014年11月

翻译信息
译者@leopku
链接http://www.himysql.com/2014/11/06/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('Saveing user');
Saving user: 2.750ms

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

2713 次点击
所在节点    分享创造
7 条回复
mozutaba
2014-11-11 08:50:14 +08:00
知道3个怎么办。
leopku
2014-11-11 22:03:31 +08:00
@mozutaba 可以向身边的人继续推广你所知道的:)
Livid
2014-11-17 12:05:57 +08:00
@leopku 为你打开 Markdown 显示了。

欢迎尝试我们内测中的新发帖接口:

http://www.v2ex.com/new
leopku
2014-11-19 12:05:38 +08:00
@Livid 多谢 L 大!
leopku
2014-11-19 12:38:50 +08:00
@Livid L 大
leopku
2014-11-19 12:40:39 +08:00
@leopku L 大,对于 ~~ 中划线没解析,如下面这段:

更多关于 console.table() ~~搓~~(戳) 《javascript 高级调~~戏~~(试)技之console.table() 》

正确的应该是“搓”字和“戏”上有个中划线
Livid
2014-11-19 12:41:36 +08:00
@leopku 貌似是因为我没有打开 strike 支持。

我检查一下。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/145487

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX