Backbone.js - Wydarzenia

Spisie treści
ten wydarzenia Są to struktury kontroli odwrotnej, mówimy tak, ponieważ normalnie wywołujemy funkcję, aby coś zrobić, w przypadku zdarzenia wywołuje ona funkcję lub akcję, gdy dana sytuacja się wydarzy lub wystąpi.
To jeden z najsilniejszych i najpotężniejszych aspektów Backbone.js, ponieważ jego system kontroli zdarzeń uwalnia nas od konieczności robienia tego ręcznie, oferując możliwość prostszego budowania naszej logiki.
System zdarzeń Backbone.js
Jak już wspomnieliśmy System zdarzeń Backbone.js jest bardzo silny, powodem tego jest to, że główny składnik Backbone.Wydarzenia Jest on mieszany z głównymi klasami frameworka, dając tym samym możliwość włączenia tego wszystkiego do naszych aplikacji w prosty sposób.
Niektóre z zajęć, w których mamy wbudowany system eventowy to:
  • Backbone.Model
  • Backbone.Kolekcja
  • Backbone.Router
  • Backbone.Historia
  • Backbone.Widok
WażnyMusimy też pamiętać, że Backbone.Wydarzenia jest również dostępny w Obiekt szkieletowy który jest widoczny z dowolnego miejsca w aplikacji, dzięki temu możemy go użyć jako magistrali zdarzeń w następujący sposób, który zobaczymy na poniższym obrazku:

POWIĘKSZAĆ

Operacja jest bardzo prosta, po prostu z Obiekt szkieletowy Mówimy mu, że funkcja anonimowa zostanie uruchomiona, gdy wystąpi określone zdarzenie, robimy to za pomocą .on () metoda, pierwszy parametr to zdarzenie a drugi funkcja, w ramach anonimowej funkcji występującej w wywołaniu zwrotnym możemy wykonać inne rzeczy w tym przypadku zrobiliśmy log w konsoli.
Wydarzenia towarzysząceWiemy już, jak działa system zdarzeń w dość prosty sposób, jednak jest więcej narzędzi, które pozwalają nam mieć większą kontrolę, a nawet dostosowywać własne wyzwalacze, zdarzenia w aplikacji, do tego mamy metody, .on () .off () i wyzwalacz () które dają nam możliwość odpowiedniego zarządzania.
Tworzenie zdarzenia niestandardowego za pomocą .trigger ()
Jest to prawdopodobnie jedno z najbardziej przydatnych narzędzi, jakie posiadamy, ponieważ pozwala nam kontrolować własne zdarzenia, dzięki czemu możemy zwiększyć złożoność naszej logiki i uzyskać odpowiednie wyniki, których potrzebujemy w bardzo przyjazny sposób. kod:
 var naszObiekt = {}; // Tworzymy Mixin, który pozwala nam skojarzyć się z klasą Backbone.Events _.extend (ourObj, Backbone.Events); // Tworzymy niestandardowe zdarzenie ourObj.on ('dance', function (msg) {console.log ('nasze zdarzenie' + msg);}); // Wyzwalamy niestandardowe zdarzenie za pomocą .trigger() ourObj.trigger ('taniec', 'taniec'); 

Po prostu tworzymy skojarzenie między naszym przedmiotem a Klasa imprez, dzięki temu możemy odziedziczyć wszystkie jego funkcjonalności, następnie definiujemy zachowanie i nasze spersonalizowane zdarzenie pomagając nam w .on () metoda, wreszcie możemy uzyskać wynik, wykonując niestandardowe wywołanie za pomocą .trigger () metoda.
Daje nam to w rezultacie to, co widzimy poniżej na poniższym obrazku, gdy wykonujemy go w konsoli JavaScript z Google Chrome:

POWIĘKSZAĆ

Jak mogliśmy zobaczyć zarządzanie wydarzeniami w Backbone.js Jest to coś bardzo ważnego, jednak jego użycie i implementacja jest dość prosta, co pomaga nam budować lepsze aplikacje przy najmniejszym wysiłku i dość krótkim czasie nauki.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt
wave wave wave wave wave