JS控制台输出的方法(详解)

在前端开发中，我们通常需要在控制台输出一些信息以帮助我们调试代码。在JavaScript中，有多种方法可以输出信息到控制台。接下来我们将一一介绍这些方法。

console.log()

console.log() 是最常用的控制台输出方法，可以输出任何类型的数据类型，比如字符串、数字、布尔值、对象等。

console.log('Hello World!'); // 输出字符串
console.log(123); // 输出数字
console.log(true); // 输出布尔值
console.log({key: 'value'}); // 输出对象

console.info()

console.info() 函数和 console.log() 函数非常相似，也可以输出任何类型的数据类型，但是它会用蓝色的图标标志输出结果，并且稍微具有一些不同的用途。

console.info('This is an information message.'); // 输出信息

console.warn()

console.warn() 函数用于输出警告信息，并用黄色的图标标志显示输出结果。

console.warn('This is a warning message. Please double check your code.'); // 输出警告信息

console.error()

console.error() 函数用于输出错误信息，并用红色的图标标志显示输出结果。

console.error('This is an error message. Please fix your code.'); // 输出错误信息

console.clear()

console.clear() 函数用于清空控制台中的所有输出内容。

console.clear(); // 清空控制台

console.table()

console.table() 函数用于输出一个对象或数组的数据表格。

const people = [
  { name: 'Alice', age: 28 },
  { name: 'Bob', age: 35 },
  { name: 'Charlie', age: 22 }
];

console.table(people); // 输出一个数据表格

console.time() 和 console.timeEnd()

console.time() 和 console.timeEnd() 函数是一对计时器函数。通过这两个函数在代码中标记时间，然后计算从开始标记时间到结束标记时间所需的时间。

console.time('test');
for (let i = 0; i < 100000; i++) {
  // some code here
}
console.timeEnd('test');

在上面的代码中，我们用一个计时器记录了执行 for 循环所需的时间，并输出了执行所耗费的时间（以毫秒为单位）。

以上就是JS控制台输出的方法的详解，希望对你有所帮助。