1

我需要能够公开一个对象的方法以供事件触发器调用。我还想通过为给定对象提供方法列表及其参数来自动注册这些触发器。这是我所拥有的（此处为jsfiddle）：

function A() {
}
A.prototype = {
    register: function(cbname, cbargs, context) {
        args = ['context'].concat(cbargs);
        var callback = new Function(args, "context." + cbname + "(" + cbargs.toString() + ");");
        $(document).bind(cbname, callback);
        document.write(callback.toString() + "<br />");
    }
};

function B() {
}
B.prototype = {
    add: function(l, r) {
        document.write(l + r);
    }
};


$(function() {
    var a = new A();
    var b = new B();
    a.register('add', ['l', 'r'], b);
    $(document).trigger('add', [b, 1, 2]);
});​

创建的回调具有似乎是正确的代码：function anonymous(context,l,r) { context.add(l,r); }但是运行时我在控制台中收到错误消息说Uncaught TypeError: Object #<Object> has no method 'add'. 我究竟做错了什么？

4

2 回答 2

1

我相信触发事件的第一个参数是事件本身。

因此，我认为您需要按如下方式更改注册函数中的行：

args = ['evt', 'context'].concat(cbargs);

（jsFiddle：http: //jsfiddle.net/hVGcE/3/）

于 2012-06-22T15:31:20.940 回答
1 
var callback = new Function(args, "context." + cbname + "(" + cbargs.toString() + ");");

使用 Function 构造函数创建的函数不会为其创建上下文创建闭包；它们总是在窗口上下文中运行。而且它是一种评估形式，所以最好不惜一切代价避免。

function A() {}
A.prototype = {
    register: function (name, context) {
        var callback = function () {
            var args = Array.prototype.slice.call(arguments);
            args.shift();
            context[name].apply(context, args);
        };
        $(document).bind(name, callback);
    }
};

function B() {}
B.prototype = {
    add: function (l, r) {
        console.log(l + r);
    }
};

var a = new A(),
    b = new B();

a.register('add', b);
$(document).trigger('add', [2, 3]); // 5
于 2012-06-22T16:41:02.490 回答