javascript - 如何通过分析功能跟踪 Ajax 操作

Question

我需要跟踪我网站上的许多 ajax 操作，并且我有一个 reachGoal(TARGET_NAME) 分析函数，我需要将其插入到我想要跟踪的每个函数中:

function handler_func() {
   reachGoal(TARGET_NAME);
   // Other code
   ... 
}

$(document).ready(function() {
    $('#target_id').click(handler_func);
});

我想要的是能够从一个地方管理所有目标，如下所示:

handler_func.before(function() {
    reachGoal(TARGET_NAME);
}

我怎样才能实现这个目标？

Answer 1

您可以创建一个装饰器函数:

var goalReacher = function (targetName, func) { 
    return function () {
        reachGoal(targetName);
        func.apply(this, arguments);
    };
};

var myCoolFunction = goalReacher("myTarget", function () {
    // your code here
});