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

0

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

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

Why Is javascript 安慰 Object Used?

的 console object in 的JavaScript provides access to the browser debugging 安慰, where you can print values of the variables which you’在您的代码中使用过。通常,这可以用于调试是否在代码中传递了正确的值。

I’我很确定我们大多数开发人员都使用过 console.log() to print values in our browser 安慰. log 只是其中一种方法 console object. 的re are several other methods that are very useful.

 

让’首先从此方法开始。

1. 安慰.log()

This method is mainly used to print the value passed to it to the 安慰. Any type can be used inside the 日志(), be it a string, array, object, boolean etc.

例:

输出:

Java脚本 Console 日志() method
Java脚本 Console 日志() method

This method is useful while testing code. It is used to 日志 错误s to the browser 安慰. By default, the 错误 message will be highlighted with 红 颜色.

输出:

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

This method is also used to test code. Usually, it helps in throwing 警告ings to the 安慰. By default, the 警告ing message will be highlighted with yellow 颜色.

输出:

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

This method is used to 明确 the 安慰. It is often used if the 安慰 is clogged with messages/errors. 的 安慰 will be 明确ed 和 a message 控制台已清除 will be printed in the 安慰.

输出:

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

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

输出:

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

This method generates a 表 inside a 安慰, 对于 better readability. A 表 will be automatically generated 对于 an array or an object.

输出:

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

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

输出:

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

的se methods 组() and 组End() 允许我们将内容分组在一个单独的块中,该块将缩进。就像 时间() and the 时间End() they also accept a label, of the same value. You can expand 和 collapse the 组.

输出:

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

9. 安慰.trace()

的 安慰.trace() method displays a 跟踪 that show how the code ended up at a certain point.

小费: When testing 安慰 methods, be sure to have the 安慰 view visible (press F12 to view the 安慰).

输出:

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

You can also add Styling to the 安慰 日志s in order to make 日志s look fancy. It is very simple. You just need to add CSS styling as a second parameter to the 日志() 函数,同时使用 %C. 的 样式 will replace the %C in the 日志s.

输出:

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

结论

的 安慰 对象对于开发人员调试代码非常有用。作为开发人员,我们通常只使用 日志 function. 让’开始充分利用控制台对象,以便’s easier to debug 和 to view the browser 日志s vividly. I hope this 文章 was helpful.

感谢您的阅读!

0