JavaScript控制台类型和技巧

大家好！

作为一个网页开发人员，我们总是使用“控制台”来调试我们的代码。在这篇文章中，我们将看到一些类型的控制台，这将有助于我们更好地调试。

1) Console.log

作为一个web开发人员，我们非常熟悉这种控制台类型。

console.log（）用于向Web控制台输出消息或内容。消息可以是任何类型。

2) Console.warn

console.warn（）向Web控制台输出一条警告消息。
这更类似于console.log，但警告消息旁边会有一个小感叹号。

 

3) Console.error

console.error（）输出一个错误消息到web控制台。
这更类似于console.warn，但错误消息将显示为红色，并在其旁边有一个错误符号。

 

4) Console.trace

trace（）方法输出堆栈跟踪到Web控制台。
这显示了调用此特定控制台的文件的跟踪。您甚至可以给予跟踪标签来标识特定的跟踪。
控制台跟踪（标签）

还是很困惑？？希望下面的图片能给予我们一些启示。

 这输出，

 

5) Console.clear

console.clear（）在控制台允许的情况下清除控制台。
浏览器上运行的控制台将允许清除它，而终端上显示的控制台（如Node中的控制台）将不允许清除它。

6) Console.count

console.count（）记录这个对count（）的特定调用被调用的次数。

与trace类似，您可以给予一个标签来标识计数。
控制台计数（标签）

 输出结果如下所示

 

7) Console.group

console.group（）方法在Web控制台日志中创建新的内联组。任何后续的console.log（）都将缩进一个额外的级别，使其看起来像一个组，直到调用console.groupEnd（）。

此console.group（）方法应与console.groupEnd（）方法一起使用。这些方法用于对控制台日志进行分组。

8) Console.time

console.time（）方法启动一个计时器来跟踪一个操作所需的时间。您可以给予每个计时器一个唯一的名称，并且在给定的页面上最多可以运行10，000个计时器。

此方法应与用于停止计时器的console.timeEnd（）方法一起使用。

使用这些方法可以跟踪特定代码块或函数的执行时间。

 这将输出函数foo的运行时间，

 

注：time（）方法中的标签应与timeEnd（）方法匹配，以停止跟踪器。由于您可以同时运行多个跟踪器，因此label用于停止特定的跟踪器。

9) Console.timeLog

timeLog（）方法记录一个特定计时器的当前值，该计时器之前由console.time（）启动。
使用此方法，您可以在两次执行之间检查特定计时器的值。

 此输出

 

注：time（）方法中的标签应与timeLog（）匹配

如果你已经读到目前为止，非常感谢你。可以在这里分享你的想法。

如果你喜欢读这个博客，可以点赞分享让更多的小伙伴一起学习。

最后推荐一个纯技术公众号：疯狂的程序猿