高级JavaScript控制台提示,成为Pro调试器的奖金

0

如果您是JavaScript开发人员,那么您会了解Console.log()并使用许多时间。但是你是否知道其他惊人和高级的JavaScript控制台方法?如果答案是否,那么这篇文章适合您。在本文结束时,您将成为Pro调试器并通过您的调试技能给您的朋友留下深刻的印象。

奖金提示在本文末尾等待。所以和我们在一起。

为什么使用JavaScript控制台对象?

这 console javascript中的对象提供对浏览器调试控制台的访问,您可以在其中打印您的变量的值’在您的代码中使用。通常,如果在代码中传递右值,则可以使用它来调试。

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

 

让’首先使用此方法开始。

1. console.log()

此方法主要用于将传递给控制台传递给控制台的值。可以在log()中使用任何类型,都是字符串,阵列,对象,布尔值等。

例子:

输出:

javascript.控制台log()方法
javascript.控制台log()方法

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

输出:

javascript.控制台错误()方法
javascript.控制台错误()方法

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

输出:

javascript.控制台Warn()方法
javascript.控制台Warn()方法

此方法用于清除控制台。如果控制台与消息/错误堵塞,通常使用它。控制台将被清除和消息 控制台被清除了 将在控制台中打印。

输出:

javascript. Console Clear()方法
javascript. Console Clear()方法

这两种方法都与彼此结合使用。每当我们想知道块或函数所花费的时间,我们都可以使用 时间() and 时序() 方法。这两个函数都将字符串作为参数。确保使用相同的字符串来衡量时间的时间。

输出:

javascript.控制台时间()方法
javascript.控制台时间()方法

此方法在控制台内生成一个表,以获得更好的可读性。将为数组或对象生成一个表。

输出:

javascript.控制台表()方法
javascript.控制台表()方法

此方法用于计算该计数方法函数命中的数量。这可以在循环中使用,检查是否已执行特定值的次数。

输出:

javascript.控制台计数()方法
javascript.控制台计数()方法

这se methods 团体() and 集团() 允许我们在单独的块中分组内容,这将缩进。就像这一样 时间() and the 时序() 它们也接受标签,同样的价值。您可以扩展并折叠该组。

输出:

javascript.控制台组()方法
javascript.控制台组()方法

9. Console.trace()

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

提示: 测试控制台方法时,请务必让控制台视图可见(按F12查看控制台)。

输出:

javascript.控制台跟踪()方法
javascript.控制台跟踪()方法

您还可以将样式添加到控制台日志,以便使日志看起来很盛大。这很简单。您只需要将CSS造型添加为第二个参数 日志() 功能,同时启动第一个参数 %C。样式将替换日志中的%C.

输出:

javascript.控制台方法用于样式
javascript.控制台方法用于样式

结论

这 安慰 对象非常有用,对于开发人员来调试代码。我们作为开发人员经常使用 日志 function. Let’s开始使用控制台对象充分潜在’更容易调试并生动地查看浏览器日志。我希望这篇文章有所帮助。

谢谢你的阅读!

0