在Javascript中为所选方法自动注册触发器回调

Automatically register trigger callbacks for selected methods in Javascript

本文关键字：注册 触发器 回调 方法 Javascript      更新时间：2023-09-26

我需要能够公开一个对象的方法，以便由事件触发器调用。我还想通过为给定对象提供方法及其参数的列表来自动注册这些触发器。这是我所拥有的(这里是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'。我做错了什么？

var callback = new Function(args, "context." + cbname + "(" + cbargs.toString() + ");");

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

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

我认为触发事件的第一个参数是事件本身。

因此，我认为您需要更改寄存器函数中的行，如下所示：

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

(jsFiddle：http://jsfiddle.net/hVGcE/3/)

相关文章：