6

JavaScript で C# のイベントをシミュレートしたい: やりたいことは次のようなものです:

次のコードがあるとしましょう：

function addToInvocationList(method, listener) {
      *Some code to add listener to the invocation list of method*
}

function MyClass() {
}

MyClass.prototype.Event = function() {}

var my_class_obj = new MyClass();

function subscriberFunction1() {}
function subscriberFunction2() {}
function subscriberFunction3() {}

addToInvocationList(my_class_obj.Event, subscriberFunction1);
addToInvocationList(my_class_obj.Event, subscriberFunction2);
addToInvocationList(my_class_obj.Event, subscriberFunction3);

my_class_obj.Event();

私がやりたいのは、my_class_obj.Event を呼び出すと、サブスクライブされたすべての関数が呼び出されることです。

これは純粋に JavaScript で実現できますか、それとも DOM イベントを介して自分の道を見つける必要がありますか?

4

2 に答える 2

7

別のイベント クラスを作成する方法: 参照リンク: http://alexatnet.com/articles/model-view-controller-mvc-javascript 

function Event(sender) {
    this._sender = sender;
    this._listeners = [];
}

Event.prototype = {
    attach: function (listener) {
        this._listeners.push(listener);
    },
    notify: function (args) {
        for (var i = 0; i < this._listeners.length; i++) {
            this._listeners[i](this._sender, args);
        }
    }
};

そしてあなたの私のクラス。例えば：

function MyClass(name) {
     var self = this;
     self.Name = name;
     self.nameChanged = new Event(this);

     self.setName = function (newName){
         self.Name = newName;
         self.nameChanged.notify(newName);
     }
}

イベントのサンプル コードをサブスクライブします。

var my_class_obj = new MyClass("Test");
my_class_obj.nameChanged.attach(function (sender,args){

});
my_class_obj.setName("newName");

さらにイベント ハンドラーをアタッチすると、これらすべてのイベント ハンドラーが呼び出されます。また、必要に応じてさらにイベントを追加することもできます。たとえば、addressChanged イベントです。このアプローチは、C# イベント (送信者と引数) もシミュレートします。

于 2013-04-12T06:41:59.577 に答える
0

独自の Observer (publisher-subscriber) を記述して GOF を読み取ることができます。または、jQuery を使用している場合は、カスタム イベント ( http://api.jquery.com/trigger/ ) が役立ちます。

于 2013-04-12T06:01:10.477 に答える