Backbone.js - Begivenheder

Indholdsfortegnelse
Det begivenheder De er omvendte kontrolstrukturer, vi siger dette, fordi vi normalt kalder en funktion for at gøre noget, i tilfælde af en begivenhed kalder den funktionen eller handlingen, når en bestemt situation sker eller opstår.
Dette er et af de stærkeste og mest magtfulde aspekter af Backbone.js, da dets hændelseskontrolsystem frigør os fra at skulle gøre dette manuelt, hvilket giver mulighed for, at vi kan bygge vores logik på en enklere måde.
Backbone.js hændelsessystem
Som vi nævnte Backbone.js hændelsessystem er meget kraftfuld, er årsagen til dette, at hovedkomponenten i Backbone.Begivenheder Det blandes med hovedklasserne i rammen, hvilket giver mulighed for at inkorporere alt dette i vores applikationer på en enkel måde.
Nogle af de klasser, hvor vi har det indbyggede hændelsessystem, er:
  • Backbone.Model
  • Rygrad. Samling
  • Backbone.Router
  • Rygrad. Historie
  • Backbone.View
VigtigDet skal vi også huske på Backbone.Begivenheder er også tilgængelig i Rygradsobjekt som er synlig overalt i applikationen, med dette kan vi bruge det som en eventbus på følgende måde, som vi vil se på billedet herunder:

FORSTØRRE

Betjeningen er meget enkel, simpelthen med Rygradsobjekt Vi fortæller det, at en anonym funktion vil køre, når en bestemt hændelse opstår, vi gør dette med .on () metode, den første parameter er hændelsen og den anden funktionen, inden for den anonyme funktion, der opstår i tilbagekaldet, kan vi udføre andre ting i dette tilfælde lavede vi en log i konsollen.
Tilknyttede begivenhederVi ved allerede, hvordan hændelsessystemet fungerer på en ret grundlæggende måde, men der er flere værktøjer, der giver os mulighed for at have større kontrol og endda tilpasse vores egne udløsere, begivenhederne i applikationen, til dette har vi metoderne, .on () .off () og trigger () der giver os mulighed for at udføre den tilsvarende ledelse.
Oprettelse af en tilpasset begivenhed med .trigger ()
Dette er måske et af de mest nyttige værktøjer, vi har, da det giver os mulighed for at kontrollere vores egne begivenheder, som vi kan tilføre vores logik mere kompleksitet og opnå de passende resultater, vi har brug for på en meget venlig måde. Lad os se følgende kode:
 var ourObj = {}; // Vi opretter den Mixin, der giver os mulighed for at forbinde med Backbone.Events -klassen _.extend (ourObj, Backbone.Events); // Vi opretter den tilpassede begivenhed ourObj.on ('dance', function (msg) {console.log ('vores event er' + msg);}); // Vi udløser den tilpassede begivenhed med .trigger () ourObj.trigger ('dans', 'en dans'); 

Vi skaber simpelthen en forbindelse mellem vores objekt og Begivenheder klasse, med dette kan vi arve alle dets funktionaliteter, så definerer vi adfærd og vores personlige begivenhed, der hjælper os med .on () metode, endelig kan vi få resultatet af det ved at foretage et brugerdefineret opkald ved hjælp af .trigger () metode.
Dette giver os som et resultat det, vi ser nedenfor i det følgende billede, når vi udfører det i konsollen Javascript af Google Chrome:

FORSTØRRE

Som vi kunne se event management i Backbone.js Det er noget, der er meget vigtigt, men dets anvendelse og implementering er ganske enkel, hvilket hjælper os med at bygge bedre applikationer med den mindste indsats og med en ret kort læringskurve.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt
wave wave wave wave wave