后端开发教程 - Java、Spring Boot 实战 - msg200.com
专业人士使用的 7 种控制台方法
感谢阅读
初学者在调试时通常会使用console.log()方法来打印值。不过，还有一些其他的控制台方法可以让你的工作更加轻松。想知道这些方法是什么吗？让我们深入了解一下！
1.console.table()
使用该方法记录矩阵甚至长数组或对象console.log()是一件令人头疼的事情。console.table()是一种更优雅的方法。
// Matrix
console.table([
["apple", "banana", "cherry"],
["Rs 80/kg", "Rs 100/kg", "Rs 120/kg"],
["5 ⭐", "4 ⭐", "4.5 ⭐"],
]);
// Maps
class Person {
constructor(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
}
const family = {};
family.mother = new Person("Jane", "Smith");
family.father = new Person("John", "Smith");
family.daughter = new Person("Emily", "Smith");
console.table(family);
2.console.trace()
您在调试函数时遇到问题吗？还在为执行流程困惑吗？console.trace()这就是您的好朋友！
function outerFunction() {
function innerFunction() {
console.trace();
}
innerFunction();
}
outerFunction();
3.console.error()和console.warn()
厌倦了枯燥的日志console.error()？用和 来增添趣味吧console.warn()。
console.error("This is an error message");
console.warn("This is a warning message");
console.log("This is a log message");
4.console.assert()
这又是一个出色的调试工具！如果断言失败，控制台将打印出跟踪信息。
function func() {
const a = -1;
console.assert(a === -1, "a is not equal to -1");
console.assert(a >= 0, "a is negative");
}
func();
5.console.count()和console.countReset()
另一个令人难以置信的调试工具！console.count()将打印出其执行的次数。
function fibonacci(num) {
console.count("fibonacci");
if (num < 2) {
return num;
}
return fibonacci(num - 1) + fibonacci(num - 2);
}
fibonacci(2);
console.countReset("fibonacci");
console.log("COUNTER RESET");
fibonacci(5);
6. console.time()，，console.timeEnd()和console.timeLog()
需要检查某件事花费了多长时间？计时器方法可以帮你搞定！
console.time("timeout-timer");
setTimeout(() => {
console.timeEnd("timeout-timer");
}, 1000);
setTimeout(() => {
console.timeLog("timeout-timer");
}, 500);
注意： ssetTimeout不会立即执行，因此与预期时间会有小的偏差。
7.console.clear()
在控制台上打印了这么多信息后，当然需要清理一下才能继续使用。方法才是王道！console.clear()
console.log("Some random text");
console.clear();
好了，就到这里！希望这些内容能帮助你成为一名更优秀、更全面的开发者！
感谢阅读
需要一位顶级软件开发自由职业者来解决你的开发难题吗？在Upwork上联系我
想联系我吗？请在LinkedIn上联系我
关注我的博客，每两周在Medium上获取最新资讯
常问问题
这些是我经常收到的一些问题。希望这个常见问题解答部分能解决您的问题。
-
我是初学者，该如何学习前端 Web 开发？
可以参考以下文章： -
你能指导我吗？
抱歉，我工作已经很忙了，没时间指导任何人。