Javascript dispatchEvent

xpe*_*int 6 javascript dispatcher javascript-events

嘿......我经常使用Flash,我的类使用EventDispatcher类,允许我定义类的自定义事件.我怎么能在javascript中这样做.

我想做这样的事情:

var MyClass = function() {
};
MyClass.prototype = {
  test : function() {
    dispatchEvent('ON_TEST');
  }
};

var mc = new MyClass();
mc.addEventListener('ON_TEST', handler);
function handler() { alert('working...') }
Run Code Online (Sandbox Code Playgroud)

这与Javascript有什么关系?

Inf*_*oop 20

要自己滚动.这只是一种方式.

var MyClass = function() {
    this._events = {};
};
MyClass.prototype = {
  addListener: function(eventName, callback) {
      var events = this._events,
          callbacks = events[eventName] = events[eventName] || [];
      callbacks.push(callback);
  },
  raiseEvent: function(eventName, args) {
      var callbacks = this._events[eventName];
      for (var i = 0, l = callbacks.length; i < l; i++) {
          callbacks[i].apply(null, args);
      }
  },
  test : function() {
    this.raiseEvent('ON_TEST', [1,2,3]); // whatever args to pass to listeners
  }
};
Run Code Online (Sandbox Code Playgroud)

您还应该添加一个'removeListener',它必须在数组中找到回调并将其从数组中删除(或者如果没有给出回调,则可能删除整个事件的所有侦听器).