Console对象的实例方法

1、console.table

将数据以表格的形式显示。

这个方法需要一个必须参数 data，data 必须是一个数组或者是一个对象；还可以使用一个可选参数 columns。

// Output an array of objects as a table
const users = [
  { id: 1, name: 'John Doe' },
  { id: 2, name: 'Jane Doe' }
];
console.table(users);

2、console.group

在 Web 控制台上创建一个新的分组。随后输出到控制台上的内容都会被添加一个缩进，表示该内容属于当前分组，直到调用console.groupEnd()之后，当前分组结束。在 Web 控制台上创建一个新的分组。随后输出到控制台上的内容都会被添加一个缩进，表示该内容属于当前分组，直到调用console.groupEnd()之后，当前分组结束。

console.group('User Details');
console.log('Name: John Doe');
console.log('Age: 32');
console.groupEnd();

3、console.time

启动一个计时器来跟踪某一个操作的占用时长。每一个计时器必须拥有唯一的名字，页面中最多能同时运行 10,000 个计时器。当以此计时器名字为参数调用 console.timeEnd() 时，浏览器将以毫秒为单位，输出对应计时器所经过的时间。

console.time("Fetching data");
fetch("https://reqres.in/api/users")
  .then((response) => response.json())
  .then((data) => {
    console.timeEnd("Fetching data");
    // Process the data
  });

4、console.assert

如果断言为 false，则将一个错误消息写入控制台。如果断言是 true，没有任何反应。

function add(a, b) {
  return a + b;
}
 
// Test the add function
const result = add(2, 3);
console.assert(result === 6, "Expected 2 + 3 = 5");

5、console.log style

console.log() 方法向 Web 控制台输出一条信息。这条信息可能是单个字符串（包括可选的替代字符串），也可能是一个或多个对象。

console.log("%cHello world!", "color: red; font-weight: bold;");

6、console.trace

console 的 trace() 方法向 Web 控制台 输出一个堆栈跟踪。

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