你不知道的 console.log 替代品😮

748 阅读1分钟

在学习 JavaScript 时,最重要的可用工具之一是浏览器内控制台。虽然许多初学者很快学会了如何使用 console.log("Hello World!") 打印到控制台,但控制台对象中还有许多其他有用的方法!console.log一些替代方案

使用解构

通过使用 javascript 对象的结构能力,可以这样做:

const { log } = console;

log("hi");
log("testing");

可以将log函数更改为你想要的任何其他名称,如下所示:

const { log: myLog } = console;

myLog("hi");
myLog("testing");

console.group

想对你的日志进行分组吗?这个方法很适合你!

console.group("groupName");
console.log("hi");
console.log("testing");
console.groupEnd();

console.group("groupName2");
console.log("hi");
console.log("testing");
console.groupEnd();

image.png

console.table

用于打印数组。

const arr = [1, 2, 3, 4, 5];
console.table(arr);

image.png

console.time

此方法用于测量时间。例如,检查完成 x 任务花了多少秒?

console.time("test");
setTimeout(() => {
    console.timeEnd("test");
}, 1000);
test: 1.000s

console.assert

此方法用于检查条件是否为真。如果不是,它将引发错误。

console.assert(/** Condition **/, /** Error message **/);


console.assert(1 === 1, "1 is equal to 1"); // No error
console.assert(0 === [], "0 is equal to []"); // Error in the console

console.count

计算某件事发生的次数。

console.count("counter 1");

for (let i = 0; i < 10; i++) {
    i % 2 == 0 ? console.count("counter 1") : console.count("counter 2");
}

image.png

谢谢阅读!

文章转自dev.to/posandu/con… ,有兴趣可查看原文并支持原作者。