javascript - 每次调用对象中的任何函数时运行一个函数

<分区>

如果我有一个看起来像这样的对象:

var animal = { 
    cat: function() { alert('woof'); },
    dog: function() { alert('meow'); }
}

如何将另一个函数“附加”到 animal，以便它在 animal 对象中的任何函数被调用时运行？ (无需在每个例程中手动调用它)

最佳答案

for (var p in animal) {
    if (typeof animal[p] === "function") {
        animal[p] = make(animal[p]);
    }
}

function make(fn) {
    return function() {
        console.log("this is called for every animal");
        // call the original
        return fn.apply(this, arguments);
    }
}

make() 函数接受一个函数参数，并返回一个新函数。

新函数做任何你想做的事(在本例中它只是调用 console.log())，然后调用原始函数。

当它调用原始代码时，它会设置 this 的当前值并传递 arguments。它通过使用 Function.prototype.apply 调用函数来实现这一点，它从第一个参数设置 this 值，并将参数作为第二个参数的集合传递。

它还会返回从您的函数返回的任何值。

关于javascript - 每次调用对象中的任何函数时运行一个函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16907431/