当前状态下的 console.log 对象 - Javascript

在前端开发中，我们经常使用 console.log 来输出调试信息，了解当前程序的状态。那么在 Javascript 中，console 到底是什么以及它有哪些方法呢？

console 是什么？

console 是 Javascript 提供的一个对象，它提供了一些方法来帮助开发者在浏览器控制台输出调试信息和错误信息。在前端开发中，我们最常用的就是 console.log 方法。

console.log 方法

console.log 方法可以接受任意数量的参数，当参数是对象或数组时，在控制台输出的内容可以展开查看，方便调试。例如：

console.log("Hello World!");
console.log({ name: "Tom", age: 18 });
console.log([1, 2, 3]);

输出结果如下：

Hello World!
{name: "Tom", age: 18}
[1, 2, 3]

除了 console.log，console 还提供了许多其它的方法，下面是一些常用的方法：

console.assert 方法

console.assert 方法用于判断一个表达式是否为真，如果为假，将输出断言错误信息。例如：

console.assert(1 === 2, "1 不等于 2"); // 输出：Assertion failed: 1 不等于 2

console.error 方法

console.error 方法用于输出错误信息，并以红色文本显示在控制台中，方便区分。例如：

console.error("There is an error.");

console.warn 方法

console.warn 方法用于输出警告信息，并以黄色文本显示在控制台中。例如：

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

console.table 方法

console.table 方法可以以表格形式输出对象或数组的数据，方便阅读查看大量数据。例如：

console.table([
  { name: "Tom", age: 18 },
  { name: "Lucy", age: 20 },
  { name: "Jack", age: 22 },
]);

输出结果如下：

| (index) | name | age | | ------- | ----- | ---- | | 0 | Tom | 18 | | 1 | Lucy | 20 | | 2 | Jack | 22 |

console.time 和 console.timeEnd 方法

console.time 方法和 console.timeEnd 方法用于计算代码块的执行时间，方便开发者优化性能。例如：

console.time("test");
for (var i = 0; i < 1000000; i++) {}
console.timeEnd("test");

输出结果如下：

test: 2.119873046875ms

console.clear 方法

console.clear 方法用于清空控制台中的内容。例如：

console.clear();

以上就是常用的 console 方法介绍。掌握这些方法可以帮助开发者更好地了解程序的运行状态，方便调试和优化代码。