日常编写代码的过程中，我们已经见过很多诸如 Document、Window 这样通用的对象，本文将介绍同样司空见惯的 Console 对象的一个不算常见的用法。
全部的 Web API 接口可以在 这里 查看。
Console对象的全部接口可以在 这里 查看。
简介
console 对象提供对浏览器控制台的接入。不同浏览器上它的工作方式是不一样的，但这里会介绍一些大都会提供的接口特性。
Console对象可以在任何全局对象中访问，它被浏览器定义为 Window.console，也可被简单的 console 调用。例如：
|
1 2 |
console.log("some coolcode message!") |
方法
常用的 console.log() 这里就不赘述了。当我们需要对某些比较长的对象数组进行调试，console.log可能就不那么直观，这里就是 console.table 起作用的地方了。
console.table()
可以将数据以表格的形式显示。
这个方法接收一个强制的参数，它必须是一个数组或者是一个对象，还可以接受一个额外的参数描述表格的列数。
它把数据以table的形式打印出来， 在数组中的每一个元素（或对象中可枚举的属性）将会以行的形式显示在table中。
table的第一列是index。如果数据是一个数组，那么值就是索引。 如果数据是一个对象，那么它的值就是属性名称。 console.table 具体能展示的数据长度根据浏览器有所不同，不过一般来讲够用了。
几个例子，请自行在 console 中尝试
|
1 2 3 4 |
// 打印一个由字符串组成的数组 console.table(["apples", "oranges", "bananas"]); |
|
1 2 3 4 5 6 7 8 9 10 11 |
// 打印一个属性值是字符串的对象 function Person(firstName, lastName) { this.firstName = firstName; this.lastName = lastName; } var me = new Person("John", "Smith"); console.table(me); |
|
1 2 3 4 5 |
// 二元数组的打印 var people = [["John", "Smith"], ["Jane", "Doe"], ["Emily", "Jones"]] console.table(people); |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
// 打印一个包含对象的数组 function Person(firstName, lastName) { this.firstName = firstName; this.lastName = lastName; } var john = new Person("John", "Smith"); var jane = new Person("Jane", "Doe"); var emily = new Person("Emily", "Jones"); console.table([john, jane, emily]); |
|
1 2 3 4 5 6 7 8 9 10 |
// 打印属性名是对象的对象 var family = {}; family.mother = new Person("Jane", "Smith"); family.father = new Person("John", "Smith"); family.daughter = new Person("Emily", "Smith"); console.table(family); |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
// 一个对象数组，只打印 firstName function Person(firstName, lastName) { this.firstName = firstName; this.lastName = lastName; } var john = new Person("John", "Smith"); var jane = new Person("Jane", "Doe"); var emily = new Person("Emily", "Jones"); console.table([john, jane, emily], ["firstName"]); |
注意：可以点击每一列的第一行（表头），来对输出的表进行排序