javascript - 需要挂钩到一个javascript函数调用，有什么办法吗？

Question

我正在尝试连接一个加载 Facebook 新闻提要的函数：

UIIntentionalStream.instance && UIIntentionalStream.instance.loadOlderPosts();

在 Facebook.com 上。

有没有办法让我用我自己的 JavaScript 做到这一点？基本上，我需要某种回调——当调用该函数时，我希望调用我自己的函数。

Answer 1

更完整的方法是：

var old = UIIntentionalStream.instance.loadOlderPosts;
UIIntentionalStream.instance.loadOlderPosts = function(arguments) {
    // hook before call
    var ret = old.apply(this, arguments);
    // hook after call
    return ret;
};

这确保如果loadOlderPosts期望任何参数或使用它，它将获得它们的正确版本，以及如果调用者期望任何返回值，它将获得它

Answer 2

尝试这样的事情：

var old = UIIntentionalStream.instance.loadOlderPosts;
UIIntentionalStream.instance.loadOlderPosts = function() {
    // hook before call
    old();
    // hook after call
};

只需在原始函数调用之前或之后的任何地方挂接即可。

Answer 3

扩展之前的帖子：我创建了一个函数，您可以调用它来执行此“挂钩”操作。

hookFunction(UIIntentionalStream.instance, 'loadOlderPosts', function(){
    /* This anonymous function gets called after UIIntentionalStream.instance.loadOlderPosts() has finished */
    doMyCustomStuff();
});



// Define this function so you can reuse it later and keep your overrides "cleaner"
function hookFunction(object, functionName, callback) {
    (function(originalFunction) {
        object[functionName] = function () {
            var returnValue = originalFunction.apply(this, arguments);

            callback.apply(this, [returnValue, originalFunction, arguments]);

            return returnValue;
        };
    }(object[functionName]));
}

奖励：您还应该将这一切都包装起来，以防万一。

Answer 4

类似于上面埃里克的回答。使用 ES6 时，此函数适用于异步和同步函数：

export function createHook(obj, targetFunction, hookFunction) {
    let temp = obj[targetFunction]
    obj[targetFunction] = function (...args) {
        let ret = temp.apply(this, args)
        if (ret && typeof ret.then === 'function') {
            return ret.then((value)=>{hookFunction([value, args]); return value;})
        } else {
            hookFunction([ret, args])
            return ret
        }
    }
}