js控制台不同的打印方式

在编写 JavaScript 时，我们经常需要在控制台输出调试信息，以便调试代码并了解程序的运行状况。控制台打印是一种常用的调试方式，但是，它不只能输出简单的文本信息，还有很多不同的打印方式。

console.log()

console.log() 是最常用的控制台打印函数，用于在控制台中显示消息。它接受任意数量的参数，这些参数将以空格分隔，并以逗号结尾。这意味着可以将多个参数一起输出。

console.log('Hello', 'World!');

可以使用格式化字符串 '%s'、'%d'、'%f' 和 %o 占位符来替换变量的值。

console.log('The %s is %d years old.', 'dog', 5);

console.error() 和 console.warn()

console.error() 用于输出错误消息，通常以红色文本表示。

console.error('Error: something went wrong!');

console.warn() 向控制台输出警告消息，通常以黄色文本表示。

console.warn('Warning: this function is deprecated!');

console.table()

console.table() 用于以表格形式显示数组或对象。它被广泛用于调试复杂的数据结构。

const people = [
  { name: 'John', age: 32 },
  { name: 'Jane', age: 28 },
  { name: 'Bob', age: 45 }
];

console.table(people);

console.group() 和 console.groupEnd()

console.group() 和 console.groupEnd() 可以用来将多个控制台日志分组。使用这些函数可以使输出内容更加有条理、易于阅读。

console.group('Group 1');
console.log('Message 1');
console.log('Message 2');
console.groupEnd();

console.group('Group 2');
console.log('Message 3');
console.log('Message 4');
console.groupEnd();

console.count()

console.count() 跟踪特定消息被记录的次数。如果调用了多次 console.count()，则会自动记录每个消息出现的次数。

function foo() {
  console.count('foo called');
}

foo();
foo();
foo();

console.trace()

console.trace() 输出跟踪信息，显示调用栈中的函数和当前行号。

function bar() {
  console.trace();
}

function foo() {
  bar();
}

foo();

在调试代码时，使用正确的 console 函数可以加快调试速度，同时也使我们更加了解代码的运行状态。