javascript - 有没有办法知道事件正在调用哪个函数？

Question

每隔一段时间我就会有大量的 jQuery 事件处理程序，例如:-

$(document).on("click",".some-class", function(){
    //perform some action
});

附加到我页面上的元素。如果我的页面上的事件处理程序很少，这没有问题，但在大型应用程序中调试这些事件处理程序可能会让人头疼。有时我不知道在某些事件上调用了哪个回调。

所以，我的问题是，开发工具中是否有任何选项或技巧可以知道正在调用哪些函数？

它不一定是开发工具。它也可以是 javascript 或 jquery 技巧。

此外，我意识到我可以执行 console.log、debugger; 甚至将 console.trace() 放入我的回调函数中但我想知道是否有更清洁、更智能的东西。

Answer 1

您可以使用 Chrome 开发工具 Javascript CPU profiler .

它将告诉您调用了哪些函数，以及调用了哪些其他函数。

虽然我怀疑您会发现 console.log 更容易。