javascript代码分析: getting the name of handler

Question

我要分析一个巨大的js脚本。我正在使用反混淆器和 Firebug ，但这个脚本太复杂了，我很难理解任何东西。所以我的问题是你知道有什么工具可以向我展示例如处理我触发的事件的函数名称？或者也许可以自己写？

Answer 1

尝试(这种模式)

$(function () {
    $(document).on("click.abc", "body", function def (e) {
        var name = (e.handleObj.handler.name === "" 
                    ? "<i>event handler name:</i> " + "anonymous function"
                    : "<i>event handler name:</i> "+ e.handleObj.handler.name);
        var namespace =  (e.handleObj.namespace 
                          ? "<i>event namespace:</i> " + e.handleObj.namespace 
                          : "<i>event namespace:</i> " + e.handleObj.namespace);
        $("body").append("<br>" 
                         + "<i>event type:</i> " 
                         + e.type + "\n" 
                         + name + "\n" 
                         + namespace);
        $.each($._data($(document)[0], "events"), function(k, v) {
          console.log(k
                      , v[0].data
                      , v[0].guid
                      , v[0].handler.name
                      , v[0].namespace
                      , v[0].origType
                      , v[0].selector
                      , v[0].type);
        });
    });
});

jsfiddle http://jsfiddle.net/guest271314/ykcnbuqp/