如何检查运行的功能以及何时运行？

Question

我想看看哪些JS函数将要运行。有没有办法看到它？

例如，我有一个带onclick事件的按钮（调用一个函数）。点击后，我想检查哪个功能已经运行;如果该函数调用了另一个函数，我希望看到两者。

Answer 1

据我所知，我认为没有办法做到这一点（但我可能会弄错）。

但是，您可以插入：

console.log("[functionName] is running now!");

在每个函数的开头查看正在运行的内容。您也可以添加时间戳来检查它何时开始运行。

Answer 2

您可以在您正在使用的浏览器中使用开发工具，并在要检查执行的功能上设置断点。如果您使用的是Chrome，请查看此guide。

Answer 3

在Chrome浏览器中，在开发者控制台下（您可以使用右键单击Inspect Element获取它），来源选项卡 - ＆gt;观察，调用，范围，断点，事件监听器可以帮助您。

你不需要在这个开发者控制台或类似的东西中使用断点来添加这么多的console.log，只需将鼠标指针悬停在它上面就可以看到变量或函数或表达式的实时值或者将它们添加到监视列表。