成为奖金的Pro Debugger的高级Javascript控制台提示

0

如果您是Java语言开发人员,那么您会意识到console.log()并花费很多时间。但是,您知道其他令人惊叹的高级JavaScript控制台方法吗?如果答案为否,那么本文适合您。在本文的最后,您将成为专业的调试器,并用您的调试技能打动您的朋友。

奖金提示正在本文结尾。所以和我们在一起。

为什么要使用javascript控制台对象?

这 console JavaScript中的对象提供对浏览器调试控制台的访问,您可以在其中打印变量的值,’在您的代码中使用过。通常,这可以用于调试是否在代码中传递了正确的值。

I’我很确定我们大多数开发人员都使用过 console.log() 在我们的浏览器控制台中打印值。 log 只是其中一种方法 console 目的。还有其他几种非常有用的方法。

 

让’首先从此方法开始。

1. console.log()

此方法主要用于将传递给它的值打印到控制台。可以在log()内部使用任何类型,可以是字符串,数组,对象,布尔值等。

例子:

输出:

Java脚本控制台log()方法
Java脚本控制台log()方法

测试代码时,此方法很有用。它用于将错误记录到浏览器控制台。默认情况下,错误消息将以红色突出显示。

输出:

Java脚本控制台error()方法
Java脚本控制台error()方法

此方法也用于测试代码。通常,它有助于向控制台抛出警告。默认情况下,警告消息将以黄色突出显示。

输出:

Java脚本控制台warn()方法
Java脚本控制台warn()方法

此方法用于清除控制台。如果控制台被消息/错误阻塞,通常会使用它。控制台将被清除,并显示一条消息 控制台已清除 将打印在控制台中。

输出:

Java脚本控制台clear()方法
Java脚本控制台clear()方法

这两种方法相互结合使用。每当我们想知道一个块或一个函数花费的时间时,我们就可以利用 时间() and 时间End() 方法。这两个函数都将字符串作为参数。确保对这两个函数使用相同的字符串来测量时间。

输出:

Java脚本控制台time()方法
Java脚本控制台time()方法

此方法在控制台内生成一个表,以提高可读性。将自动为数组或对象生成一个表。

输出:

Java脚本控制台table()方法
Java脚本控制台table()方法

此方法用于计算此计数方法所击中的功能的数量。可以在循环内部使用它来检查特定值已执行了多少次。

输出:

Java脚本控制台count()方法
Java脚本控制台count()方法

这se methods 团体() and 团体End() 允许我们将内容分组在一个单独的块中,该块将缩进。就像 时间() and the 时间End() 他们还接受具有相同值的标签。您可以展开和折叠组。

输出:

Java脚本控制台group()方法
Java脚本控制台group()方法

9. console.trace()

这 console.trace() method displays a trace that show how the code ended up at a certain point.

小费: 测试控制台方法时,请确保使控制台视图可见(按F12键查看控制台)。

输出:

Java脚本控制台trace()方法
Java脚本控制台trace()方法

您还可以将样式设置添加到控制台日志中,以使日志看起来更漂亮。这很简单。您只需将CSS样式作为第二个参数添加到 日志() 函数,同时使用 %C。样式将替换日志中的%c。

输出:

Java脚本控制台样式方法
Java脚本控制台样式方法

结论

这 安慰 对象对于开发人员调试代码非常有用。作为开发人员,我们通常只使用 日志 function. Let’开始充分利用控制台对象,以便’更容易调试和生动地查看浏览器日志。希望本文对您有所帮助。

感谢您的阅读!

0