在学习 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();
console.table
用于打印数组。
const arr = [1, 2, 3, 4, 5];
console.table(arr);
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");
}
谢谢阅读!
文章转自dev.to/posandu/con… ,有兴趣可查看原文并支持原作者。