发挥 Console 的创意用途：别只局限于 console.log()

在 JavaScript 程序中，调试是一个必不可少的过程，而 Console API 是一个非常强大的工具，可以帮助我们快速地找到并修复问题。但是，很多人只知道使用 console.log() 来输出信息，而忽略了 Console API 的其他功能。

事实上，Console API 提供了许多其他的方法，可以帮助我们更有效地进行调试，例如：

• console.error()：输出错误信息。
• console.warn()：输出警告信息。
• console.info()：输出信息信息。
• console.table()：将对象或数组以表格的形式输出。
• console.trace()：输出调用栈信息。
• console.assert()：断言一个表达式为真，如果为假则输出错误信息。
• console.count()：输出一个计数器，每次调用都会将计数器加 1。
• console.clear()：清除控制台中的所有输出。
• console.group()：创建一个分组，可以将相关的输出分组在一起。
• console.groupEnd()：结束一个分组。
• console.time()：开始计时，并记录计时器名称。
• console.timeEnd()：结束计时，并输出计时器名称和耗时。
• console.profile()：开始性能分析，并记录性能分析名称。
• console.profileEnd()：结束性能分析，并输出性能分析名称和性能数据。
• console.dir()：输出一个对象的属性和值。
• console.dirxml()：输出一个对象的属性和值，包括子对象。
• console.memory()：输出有关内存使用情况的信息。

这些方法都可以帮助我们更好地了解程序的运行情况，并快速地找到和修复问题。

举个例子，我们可以使用 console.table() 方法将一个对象或数组以表格的形式输出，这可以使我们更直观地查看数据。

const person = {
  name: 'John Doe',
  age: 30,
  city: 'New York'
};

console.table(person);

输出：

┌──────────┬─────┬──────┐
│ (index)   │ Key  │ Value │
├──────────┼─────┼──────┤
│     0     │ name │ John Doe │
│     1     │ age  │ 30    │
│     2     │ city │ New York │
└──────────┴─────┴──────┘

我们还可以使用 console.group() 和 console.groupEnd() 方法来将相关的输出分组在一起，这可以使输出更加清晰和易于阅读。

console.group('Person Information');
console.log('Name: John Doe');
console.log('Age: 30');
console.log('City: New York');
console.groupEnd();

输出：

Person Information:
  Name: John Doe
  Age: 30
  City: New York

总之，Console API 是一个非常强大的工具，可以帮助我们更有效地进行调试和故障排除。除了 console.log() 之外，它还提供了许多其他的方法，可以帮助我们更直观、更清晰地查看程序的输出。