Console对象的隐藏方法|青训营笔记

339 阅读2分钟

这是我参加"第四届青训营"笔记创作活动的第6天

Console对象的隐藏方法

写了这么长时间的代码,相信大家对console.log()应该很熟悉,我们经常用它来打印对象之类的,是debug的好帮手。今天我又发现了关于console对象的其他宝藏方法。

  • Console.assert()

如果第一个参数为 false ,则将消息和堆栈跟踪记录到控制台。

  • Console.clear()

清空控制台,并输出 Console was cleared

  • Console.count()

以参数为标识记录调用的次数,调用时在控制台打印标识以及调用次数。

  • Console.countReset()

重置指定标签的计数器值。

  • Console.debug()

在控制台打印一条 "debug" 级别的消息。

  • Console.dir()

显示一个由特定的 Javascript 对象列表组成的可交互列表。这个列表可以使用三角形隐藏和显示来审查子对象的内容。.

  • Console.dirxml()

打印 XML/HTML 元素表示的指定对象,否则显示 JavaScript 对象视图。

  • Console.error()

打印一条错误信息,使用方法可以参考 string substitution

  • Console.exception()

error() 方法的别称。

  • Console.group()

创建一个新的内联 group, 后续所有打印内容将会以子层级的形式展示。调用 groupEnd()来闭合组。

  • Console.groupCollapsed()

创建一个新的内联 group。使用方法和 group() 相同,不同的是,groupCollapsed() 方法打印出来的内容默认是折叠的。调用groupEnd()来闭合组。

  • Console.groupEnd()

闭合当前内联 group。

  • Console.info()

打印资讯类说明信息,使用方法可以参考 string substitution。

  • Console.log()

打印内容的通用方法,使用方法可以参考 string substitution

  • Console.profile()

启动浏览器的内置探查器(例如,Firefox 性能工具)。您可以为配置文件指定可选名称。

  • Console.profileEnd()

停止探查器。您可以在浏览器的性能工具(例如,Firefox 性能工具)中查看生成的配置文件。

  • Console.table()

将列表型的数据打印成表格。

  • Console.time()

启动一个以入参作为特定名称的计时器,在显示页面中可同时运行的计时器上限为 10,000.

  • Console.timeEnd()

结束特定的 计时器并以毫秒打印其从开始到结束所用的时间。

  • Console.timeLog()

打印特定 计时器 所运行的时间。

  • Console.timeStamp()

添加一个标记到浏览器的 Timeline 或 Waterfall 工具。

  • Console.trace()

输出一个 stack trace。

  • Console.warn()

打印一个警告信息,可以使用 string substitution 和额外的参数。

如果利用好了这些方法,我们编程将会变得轻松起来,找bug就相对容易多了