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();