Javascript рассылка событий - PullRequest
Новая
       6

Javascript рассылка событий

6 голосов
/ 13 февраля 2010

Эй ... Я часто использую 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...') }

Как это возможно с Javascript?

1 Ответ

20 голосов
/ 13 февраля 2010

Должен бросить свой собственный. Вот только один способ. 

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
  }
};

Вам, вероятно, также следует добавить 'removeListener', который должен был бы найти обратный вызов в массиве и удалить его из массива (или, возможно, удалить все прослушиватели для всего события, если обратный вызов не задан).

...