5 种 JavaScript 控制台方法，助您提升调试技能

控制台是一个 JavaScript 对象，它允许开发人员访问浏览器调试控制台。

在浏览器中打开控制台的快捷方式

• Ctrl + Shift + I（Windows）
• Command + Option + K（Mac）

在这篇文章中，我整理了 5 种可用于提高调试技能的控制台方法

✨ console.error()

此方法的作用类似于console.log()方法。
它在代码测试中很有用。默认情况下，错误消息将以红色突出显示。

// console.error() method
console.log("This is an error");

输出

✨ console.dir() 方法

这是另一种方法，它几乎与console.log()类似，只不过它以 JSON 格式显示内容

// console.dir() method
console.log(document.body);

输出显示 console.log() 和 console.dir() 之间的差异

✨ console.table() 方法

此方法用于在控制台中生成表格。输入必须是数组或对象，并将以表格形式显示。
如果您要从 API 获取数据，这确实是一种非常方便的方法。您可以直观地看到数据是如何接收的。
输出

✨ console.group() & console.groupEnd()

控制台对象的 group() 和 groupEnd() 方法允许我们将内容分组到单独的块中并缩进。➩
.group ()用于开始一个新组，它接受标签和组名。
默认情况下，该组在控制台上打开。使用.groupCollapsed默认关闭组。

➩ .groupEnd()关闭当前组，它采用与 .group() 相同的标签

输出

✨ console.time() & console.timeEnd()

这些方法用于确定代码块执行所需的时间。与.group()
方法 类似，它也接受一个必须相同的标签。 输出

✨🚀 console.clear()

......这个方法顾名思义，就是用来清除控制台的。😅

你可以支持我，我会继续为你写更多东西😊❤

您知道控制台对象的其他方法在调试中非常有用，请在评论部分告诉我们👇😊

关注我获取更多开发技巧🚀