HTML DOM Console 对象

在 web 开发中，Console 对象是一个非常有用的工具，它允许开发者在浏览器的控制台中输出信息，进行调试和错误追踪。在 JavaScript 中，Console 对象是全局对象的一部分，可以直接调用。

Console 对象的常用方法

1. log()

log() 方法用于在控制台中输出普通信息，可以输出字符串、数字、对象等。

console.log("Hello, world!");
console.log(123);
console.log({name: "Alice", age: 25});

2. error()

error() 方法用于输出错误信息，通常用于捕获异常后输出错误信息。

try {
  throw new Error("This is an error message");
} catch (error) {
  console.error(error);
}

3. warn()

warn() 方法用于输出警告信息，通常用于提醒开发者潜在的问题。

console.warn("This is a warning message");

4. info()

info() 方法用于输出一般信息，通常用于输出一些提示性的信息。

console.info("This is an informational message");

5. clear()

clear() 方法用于清空控制台中的所有输出信息。

console.clear();

6. table()

table() 方法用于以表格形式输出数组或对象的信息。

const data = [
  {name: "Alice", age: 25},
  {name: "Bob", age: 30}
];

console.table(data);

7. group() 和 groupEnd()

group() 方法和 groupEnd() 方法用于在控制台中创建一个折叠组，方便查看相关信息。

-- -------------------- ---- -------
-------------------- ----
-------------------- ----
-------------------- ----
-------------------

-------------------- ----
-------------------- ----
-------------------- ----
-------------------

以上是 Console 对象的一些常用方法，通过这些方法，开发者可以更方便地进行调试和错误追踪。