每个曾经使用过 JS / TS 的开发人员在他的生活中至少使用过一次著名的 console.log()，要么只是一步一步地执行代码，要么显示返回消息等等，但是在那里，你知道不仅仅是 console.log() 吗？

您将在下面找到一些选项，这些选项甚至可以在开发代码时为我们提供帮助。 但需要明确的是，这些并不是所有存在的选项。 让我们来看看吧！

console.assert

console.assert() 用于检查我们传递的某些表达式，如果为假，我们将在终端/控制台中返回一条消息。

console.clear

顾名思义，此选项用于清除我们的控制台/终端。

console.clear() 在我们的代码末尾非常好，我们可以清除终端，以后不用担心。

? console.count

我们可以使用 console.count() 来计算一个函数被执行/调用了多少次，或者我们已经执行了多少次该代码等等。

在这个例子中，我们只调用了 console.count() 5 次，在我们的终端中的结果如下：

另一个例子如下，我们可以传递将在终端上显示的文本以及来自 console.count() 本身的默认计数（此文本是我们可以传递的参数之一）：

此代码在终端中的结果如下：

?? console.warn

我们使用 console.warn() 向用户传递警告，或者只是识别不正常的事情，在这种情况下，文本本身会变成黄色。

结果是

在这种情况下，我们通过转到浏览器控制台手动执行代码，但此命令可以在您的 JS 代码中给出，并在用户在您的 HTML 页面上执行某些操作后执行，例如发送表单或单击某个按钮。

? console.error

几乎与 console.warn 一样，console.error 准确地向我们展示了控制台/终端上可能出现的错误，这次文本将显示为红色。

结果是：

? console.info

几乎与我们通常使用的传统 console.log() 相同，在这种情况下我们可以使用 console.info() 真正知道这是必要的信息并更好地理解代码，因为否则与之前没有区别 字母和其他东西的颜色最终会改变的例子。 在 Firefox 和 Chrome 中，控制台日志项旁边会显示一个小“i”图标。

console.table

当我们想要在控制台上更好地可视化一些信息时，console.table() 可以提供很大的帮助，正是通过使用 console.table() 我们将在控制台上创建一个表，我们将在其中看到我们传递给它的信息 .

结果是:

它创建一个包含两列的表，一列包含数组中每个元素的索引以及每个索引中的数据。

我们可以探索的另一个例子是将一个对象而不是数组传递给 console.table()：

结果是:

console.group

使用 console.group() 我们可以对一些信息进行分组，以便能够以最佳方式将其可视化，以我们分隔这些组的方式（在下面的示例中我们将看到这一点）并帮助消息缩进 在我们的 console.group() 中，以进一步帮助我们的可视化。

结果是:

console.time

你有没有想过看看你的代码的某一部分完全运行需要多长时间？ 这就是 console.time() 的用途，它会在所有内容结束时向您显示从 console.time() 调用到 console.timeEnd() 调用结束所需的时间。

在 console.time() 中，我们将计时器的名称作为参数传递，可以这么说，在 console.timeEnd() 中，我们传递相同的名称以指示计时应该结束。

结果是:

? console.trace

使用 console.trace() 我们可以跟踪代码是如何执行的，一步一步。

在下面的示例中，我们将只创建 2 个函数，一个名为 func1 的函数将调用另一个函数 func2，后者将有一个 console.trace() 。

结果是:

我们可以注意到，如注释所示，它显示了调用了哪些函数的踪迹。

总结

如果您有任何疑问或想分享任何提示，请在下面发表评论。 我很乐意阅读您的意见和反馈！

谢谢阅读！ 关注本平台，阅读更多编程内容。 祝你有美好的一天，再见！