Backbone.js – Veranstaltungen

Ereignisse sind inverse Kontrollstrukturen. Wir sagen dies, weil wir normalerweise eine Funktion aufrufen, um etwas zu tun. Im Falle eines Ereignisses ruft sie die Funktion oder Aktion auf, wenn eine bestimmte Situation eintritt oder eintritt.

Dies ist einer der stabilsten und leistungsstärksten Aspekte von Backbone.js , da das Ereignissteuerungssystem uns davon befreit, dies manuell zu tun, und die Möglichkeit bietet, dass wir unsere Logik auf einfachere Weise erstellen können.

Backbone-Ereignisse System.js

Wie bereits erwähnt, ist das Ereignissystem von backbone.js sehr leistungsfähig. Der Grund dafür liegt darin, dass die Hauptkomponente von Backbone.Events mit den Hauptklassen des Frameworks gemischt ist und somit die Möglichkeit besteht, all dies in gewisser Weise in unsere Anwendungen zu integrieren einfach

Einige der Klassen, in denen wir das eingebaute Ereignissystem haben, sind:

  • Backbone.Model
  • Backbone.Collection
  • Backbone.Router
  • Rückgrat.Geschichte
  • Backbone.View
Wichtig
Wir müssen auch berücksichtigen, dass Backbone.Events auch in dem Backbone-Objekt verfügbar ist, das von einem beliebigen Teil der Anwendung aus sichtbar ist. Damit können wir es wie folgt als Ereignisbus verwenden, wie in der folgenden Abbildung dargestellt:

backbone_eventos.jpg
Die Operation ist sehr einfach, einfach mit dem Backbone-Objekt sagen wir, dass es eine anonyme Funktion ausführt, wenn ein bestimmtes Ereignis eintritt. Dies wird mit der .on () -Methode erreicht. Der erste Parameter ist das Ereignis und der zweite die Funktion im Inneren der anonymen Funktion, die im Rückruf auftritt, können wir andere Dinge ausführen, in diesem Fall haben wir ein Protokoll in der Konsole erstellt.

Ereignisse verknüpfen
Wir wissen bereits, wie das Ereignissystem auf sehr einfache Weise funktioniert. Es gibt jedoch weitere Tools, mit denen wir die Ereignisse in der Anwendung besser steuern und sogar unsere eigenen Zünder anpassen können. Dafür haben wir die Methoden .on (). off () und trigger () , die uns die Möglichkeit geben, die entsprechende Verwaltung durchzuführen.

Erstellen eines benutzerdefinierten Ereignisses mit .trigger ()

See also  Geben Sie mit Storage Sense Windows 10 automatisch Speicherplatz frei

Dies ist vielleicht eines der nützlichsten Tools, die wir haben, da wir damit unsere eigenen Ereignisse steuern können, um unsere Logik komplexer zu gestalten und die richtigen Ergebnisse zu erzielen, und wir brauchen sie auf eine sehr benutzerfreundliche Art. Sehen wir uns den folgenden Code an:

 var ourObj = {}; // Wir erstellen das Mixin, mit dem wir der Backbone-Klasse zuordnen können _.extend (ourObj, Backbone.Events); // Wir erstellen das benutzerdefinierte Ereignis nuestroObj.on ('bailar', Funktion (msg) { console.log ('unser Ereignis ist' + msg); }); // Wir detonieren das benutzerdefinierte Ereignis mit .trigger () ourObj.trigger ('Tanz', 'ein Tanz'); 

Wir erstellen einfach eine Assoziation zwischen unserem Objekt und der Events-Klasse , mit der wir alle ihre Funktionalitäten erben können, dann definieren wir das Verhalten und unser personalisiertes Ereignis und helfen uns mit der .on () -Methode . Schließlich können wir das Ergebnis durch Ausführen eines personalisierten Aufrufs mit erhalten die .trigger () Methode .

Dies führt zu dem, was wir als Nächstes in der folgenden Abbildung sehen, wenn wir es in der Javascript- Konsole von Google Chrome ausführen:

backbone_eventos2.jpg
Wie wir sehen konnten, ist die Verwaltung von Ereignissen in Backbone.js sehr wichtig, jedoch ist seine Verwendung und Implementierung recht einfach, was uns hilft, bessere Anwendungen mit weniger Aufwand und mit einer relativ kurzen Lernkurve zu erstellen.

administrator

Leave a Reply

Your email address will not be published. Required fields are marked *