Javascript dispatchEvent

Hey... je suis à l'aide de Flash beaucoup et mes cours utilise la classe EventDispatcher qui m'autorises à définir des événements personnalisés d'une classe. Comment puis-je faire cela en javascript.

Je voudrais faire quelque chose comme ceci:

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

var mc = new MyClass();
mc.addEventListener('ON_TEST', handler);
function handler() { alert('working...') }

Comment est-ce possible avec du Javascript?

InformationsquelleAutor xpepermint | 2010-02-13
  1. 20

    Dois rouler votre propre. Voici juste un moyen.

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

    Vous devriez également ajouter un "removeListener", qui devra trouver le rappel dans le tableau et de le retirer de la pile (ou, éventuellement, de supprimer tous les auditeurs pour l'ensemble d'un événement si pas de rappel donnée).

    • c'est super, après toutes ces années, encore une très bonne solution 🙂
    • question rapide, à l'intérieur de addListener, pourquoi toutes les variables? Ne pourriez-vous pas faire function (eventName, callback) { (this._events[eventName] = this._events[eventName] || []).push(callback); }, ? ou est-ce simplement une question de lisibilité?
    • La lisibilité, bien sûr, pourquoi faveur de l'astuce? Mais aussi, techniquement, vous êtes accédant à ce._events deux fois là.
    InformationsquelleAutor InfinitiesLoop