V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
leopku
V2EX  ›  分享创造

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

  •  
  •   leopku · 2014-11-10 23:08:04 +08:00 · 2650 次点击
    这是一个创建于 3493 天前的主题,其中的信息可能已经有所发展或是发生改变。

    文档信息
    原文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的用法》

    7 条回复    2014-11-19 12:41:36 +08:00
    mozutaba
        1
    mozutaba  
       2014-11-11 08:50:14 +08:00
    知道3个怎么办。
    leopku
        2
    leopku  
    OP
       2014-11-11 22:03:31 +08:00   ❤️ 1
    @mozutaba 可以向身边的人继续推广你所知道的:)
    Livid
        3
    Livid  
    MOD
       2014-11-17 12:05:57 +08:00
    @leopku 为你打开 Markdown 显示了。

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

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

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

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

    我检查一下。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2365 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 15:56 · PVG 23:56 · LAX 08:56 · JFK 11:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.