1

イベント トリガーによって呼び出される 1 つのオブジェクトのメソッドを公開できる必要があります。また、特定のオブジェクトのメソッドとその引数のリストを提供することで、これらのトリガーを自動的に登録したいと考えています。ここに私が持っているものがあります( jsfiddle here ):

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 コンストラクターで作成された関数は、その作成コンテキストへのクロージャーを作成しません。それらは常にウィンドウ コンテキストで実行されます。そして、これは 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
于 2012-06-22T16:41:02.490 に答える