Question

我想在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事件找到答案？

Answer 1

如何编写单独的事件类：参考链接：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＃事件（发送者和args）

Answer 2

您可以编写自己的观察者（发布者 - 订阅者）阅读GOF。或者，如果使用jQuery，自定义事件（http://api.jquery.com/trigger/）可以帮助您。

在javascript中模拟类似C＃的事件

2 个答案: