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

Question

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

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

如果调用对象中的任何函数，我如何“附加”另一个函数animal以便它运行animal？（无需在每个例程中手动调用它）

Answer 1

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. 它通过调用函数 using 来做到这一点，该函数从第一个参数Function.prototype.apply设置this值，并将参数作为第二个参数的集合传递。

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

Answer 2

http://jsfiddle.net/TUNQn/

var EntriesRegistry = (function(){

    var instance = null;

    function __constructor() {

        var
            self = this,
            observations = {};

        this.set = function(n,v)
        {
            self[n] = v;

            if( observations[n] )
                for( var i=0; i < observations[n].length; i++ )
                    observations[n][i].apply(null, [v, n]);

        }

        this.get = function(n)
        {
            return self[n];
        }

        this.observe = function(n,f)
        {

            if(observations[n] == undefined)
                observations[n] = [];

            observations[n].push(f);
        }

    }

    return new function(){
        this.getInstance = function(){
            if (instance == null)
            {
                instance = new __constructor();
                instance.constructor = null;
            }
            return instance;
        }
    }
})();

var entries = EntriesRegistry.getInstance();

var test = function(v){ console.log(entries); };
var name = function(person){
    alert("Hello " + person.first + " " + person.last);
}

/*entries.set('bob', 'meh');

entries.get('bob');*/

entries.observe('employer', name);
entries.observe('seth', test);

entries.set('seth', 'lo');
entries.set('employers', {first: 'test', last: 'test'});

这允许您将回调绑定到对象事件更改

Answer 3

没有简单的方法可以做到这一点。如果您已经编写了所有“原始”方法并且知道回调被称为什么，那么您可以执行 Felix 在注释中提到的操作并遍历对象上的每个属性，如果它是一个函数，则将其重新分配为一个新函数也调用了回调：

for (key in obj) {

    if (typeof(key) === 'function') {
        obj[key] = function() {
            obj[key](); //I think this is closed over, didn't test though (might get clobbered)
            callback();
        }
    }
}

编辑更改key()为obj[key]()