日常编写代码的过程中,我们已经见过很多诸如 DocumentWindow 这样通用的对象,本文将介绍同样司空见惯的 Console 对象的一个不算常见的用法。

全部的 Web API 接口可以在 这里 查看。
Console对象的全部接口可以在 这里 查看。

简介

console 对象提供对浏览器控制台的接入。不同浏览器上它的工作方式是不一样的,但这里会介绍一些大都会提供的接口特性。
Console对象可以在任何全局对象中访问,它被浏览器定义为 Window.console,也可被简单的 console 调用。例如:

方法

常用的 console.log() 这里就不赘述了。当我们需要对某些比较长的对象数组进行调试,console.log可能就不那么直观,这里就是 console.table 起作用的地方了。

console.table()

可以将数据以表格的形式显示。

这个方法接收一个强制的参数,它必须是一个数组或者是一个对象,还可以接受一个额外的参数描述表格的列数。

它把数据以table的形式打印出来, 在数组中的每一个元素(或对象中可枚举的属性)将会以行的形式显示在table中。

table的第一列是index。如果数据是一个数组,那么值就是索引。 如果数据是一个对象,那么它的值就是属性名称。 console.table 具体能展示的数据长度根据浏览器有所不同,不过一般来讲够用了。

几个例子,请自行在 console 中尝试

注意:可以点击每一列的第一行(表头),来对输出的表进行排序

发表评论

电子邮件地址不会被公开。 必填项已用*标注