Backbone.js - Veranstaltungen

Das Veranstaltungen Sie sind inverse Kontrollstrukturen, wir sagen das, 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 stärksten und mächtigsten Aspekte von Backbone.js, da sein Ereignissteuerungssystem uns davon befreit, dies manuell tun zu müssen, und die Möglichkeit bietet, unsere Logik einfacher aufzubauen.
Backbone.js-Ereignissystem
Wie wir bereits erwähnt haben Backbone.js-Ereignissystem ist sehr mächtig, der Grund dafür ist, dass die Hauptkomponente von Backbone.Events Es wird mit den Hauptklassen des Frameworks gemischt und bietet so die Möglichkeit, all dies auf einfache Weise in unsere Anwendungen zu integrieren.
Einige der Klassen, in denen wir das integrierte Ereignissystem haben, sind:

• Backbone.Modell
• Backbone.Collection
• Backbone.Router
• Rückgrat.Geschichte
• Backbone.Ansicht

WichtigDas müssen wir auch bedenken Backbone.Events gibt es auch im Backbone-Objekt der von überall in der Anwendung sichtbar ist, damit können wir ihn wie im folgenden Bild als Ereignisbus verwenden:

VERGRÖSSERN

Die Bedienung ist ganz einfach, einfach mit dem Backbone-Objekt Wir sagen ihm, dass eine anonyme Funktion ausgeführt wird, wenn ein bestimmtes Ereignis eintritt, wir tun dies mit dem .on ()-Methode, der erste Parameter ist das Ereignis und der zweite die Funktion, innerhalb der anonymen Funktion, die im Callback auftritt, können wir andere Dinge ausführen, in diesem Fall haben wir ein Protokoll in der Konsole erstellt.
Associate-EventsWir wissen bereits, wie das Ereignissystem ziemlich einfach funktioniert, aber es gibt mehr Tools, die es uns ermöglichen, mehr Kontrolle zu haben und sogar unsere eigenen Trigger, die Ereignisse in der Anwendung, anzupassen, dafür haben wir die Methoden, .ein () .aus () und auslösen () die uns die Möglichkeit geben, das entsprechende Management durchzuführen.
Erstellen eines benutzerdefinierten Ereignisses mit .trigger()
Dies ist vielleicht eines der nützlichsten Werkzeuge, die wir haben, da es uns ermöglicht, unsere eigenen Ereignisse zu kontrollieren, mit denen wir unsere Logik komplexer machen und auf sehr freundliche Weise die entsprechenden Ergebnisse erzielen können, die wir benötigen Code:

 var unserObj = {}; // Wir erstellen das Mixin, das es uns ermöglicht, mit der Backbone.Events-Klasse zu assoziieren _.extend (ourObj, Backbone.Events); // Wir erstellen das benutzerdefinierte Ereignis ourObj.on ('dance', function (msg) {console.log ('our event is' + msg);}); // Wir lösen das benutzerdefinierte Ereignis mit .trigger () ourObj.trigger ('dance', 'a dance'); 

Wir schaffen einfach eine Assoziation zwischen unserem Objekt und dem Veranstaltungsklasse, damit können wir alle Funktionen erben, dann definieren wir das Verhalten und unser personalisiertes Ereignis, das uns bei der .on ()-Methode, schließlich können wir das Ergebnis erhalten, indem wir einen benutzerdefinierten Aufruf mit der .trigger()-Methode.
Dies gibt uns als Ergebnis das, was wir unten im folgenden Bild sehen, wenn wir es in der Konsole ausführen Javascript von Google Chrome:

VERGRÖSSERN

Wie wir das Eventmanagement in sehen konnten Backbone.js Es ist sehr wichtig, aber seine Verwendung und Implementierung ist recht einfach, was uns hilft, mit dem geringsten Aufwand und mit einer relativ kurzen Lernkurve bessere Anwendungen zu entwickeln.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben