console 对象

在 JavaScript 中，可以通过 console.log() 打印信息到浏览器的控制台。通常我们用于调试时，打印函数执行的结果或变量的值。下面是一些常见的 console 打印函数及其用法：

1. console.log()

用于输出普通信息，可以打印任何类型的变量、对象、数组等。

console.log("Hello, World!");  // 打印普通字符串
const number = 42;
console.log("The answer is:", number);  // 打印变量

2. console.info()

与 console.log() 相似，但通常用于打印信息性的消息，通常呈现为蓝色。

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

3. console.warn()

打印警告信息，通常显示为黄色警告。

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

4. console.error()

打印错误信息，通常显示为红色错误消息。

console.error("This is an error message.");

5. console.table()

用于以表格形式打印数组或对象，便于查看数据结构。

const users = [
  { name: "Alice", age: 25 },
  { name: "Bob", age: 30 }
];
console.table(users);  // 将数组以表格的形式打印

6. console.time() 和 console.timeEnd()

用于测量代码执行的时间间隔。

console.time("Execution Time");
for (let i = 0; i < 1000000; i++) {
  // 执行某些操作
}
console.timeEnd("Execution Time");  // 打印出执行的时间

7. console.assert()

用于在条件为 false 时打印错误消息。

const value = 5;
console.assert(value === 10, "Value should be 10!");  // 当条件为 false 时，会打印错误信息

8. console.group() 和 console.groupEnd()

用于在控制台中创建分组，帮助整理输出。

console.group("User Info");
console.log("Name: Alice");
console.log("Age: 25");
console.groupEnd();

9. console.trace()

打印函数调用的堆栈跟踪。

function myFunction() {
  console.trace("Function call trace");
}

myFunction();

10. console.dir()

输出对象的详细信息，适用于 DOM 对象或深度结构化对象。

const obj = { name: "Alice", age: 25 };
console.dir(obj);  // 显示对象的详细结构

总结

console 提供了多种方法帮助我们调试代码和分析数据，常用的有 log、warn、error、info 等，其他功能如计时（time）、分组（group）和表格展示（table）则用于更复杂的调试需求。你可以根据不同的调试需求选择适合的函数。