文档信息 原文: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 版本中测试有效
如果第一个参数的值为假,该函数将在 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()
搓(戳) 《javascript 高级调戏(试) 技之 console.table() 》 「作者:Marius Schulz」「译文(计划中)」
console.profile(name)
在控制台中开始一个 CPU 分析器。参数可以扔进去一个报表的名称。每个分析器会保存在单独的 tab 中并以下拉列表分组。记住有始有终,不要屎(始) 乱终弃,要调用 console.profileEnd()
停止分析器。
console.group(message)
分组所有后面的日志输出到下拉列表里,直到 console.groupEnd()
被调用。列表可以是嵌套滴。console.groupCollapsed(message)
类似,只不过默认列表是折叠状态。
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 的用法》