如何像专业人士一样调试 JavaScript。

首先，我想告诉你，JavaScript中 `console.log` 的使用方法确实有好有坏，它们可以简化 JavaScript 开发人员的工作。那么，我们开始学习如何调试 JavaScript 吧？

假设我们有 3 个对象需要记录，如下所示。

const foo = { name: 'tom',   age: 30, nervous: false };
const bar = { name: 'dick',  age: 40, nervous: false };
const baz = { name: 'harry', age: 50, nervous: true };

糟糕的代码💩

console.log(foo);
console.log(bar);
console.log(baz);

上述方法的问题在于我们不知道变量名，所以无法区分哪个变量对应哪个值。你需要将字符串连接起来才能区分它们。

代码质量好 ✅

但有一种技巧叫做计算属性名称/属性简写。

console.log({ foo, bar, baz });

它不仅减少了代码量，而且还准确地显示了哪个变量定义了数据。

一行代码，
一条控制台日志，
以及所有指定信息。

本教程还有更多内容，请点击此处查看所有示例及结果。

关注我们获取最新资讯：Facebook Twitter