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。它通过使用Function.prototype.apply调用函数来完成此操作，this从第一个参数设置{{1}}值，并将参数作为第二个参数的集合传递。

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

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]()

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

3 个答案: