Backbone.js - Hendelser

De arrangementer De er inverse kontrollstrukturer, vi sier dette fordi vi vanligvis kaller en funksjon for å gjøre noe, i tilfelle en hendelse kaller den funksjonen eller handlingen når en bestemt situasjon skjer eller oppstår.
Dette er et av de sterkeste og mest kraftfulle aspektene ved Backbone.js, siden hendelseskontrollsystemet frigjør oss fra å måtte gjøre dette manuelt, og tilbyr muligheten for at vi kan bygge logikken vår på en enklere måte.
Backbone.js hendelsessystem
Som vi nevnte Backbone.js hendelsessystem er veldig kraftig, er årsaken til dette at hovedkomponenten i Ryggrad. Hendelser Det er blandet med hovedklassene i rammeverket, og gir dermed muligheten til å inkorporere alt dette i våre applikasjoner på en enkel måte.
Noen av klassene der vi har det innebygde hendelsessystemet er:

• Ryggrad. Modell
• Ryggrad. Samling
• Ryggrad
• Ryggrad. Historie
• Backbone.View

ViktigDet må vi også huske på Ryggrad. Hendelser er også tilgjengelig i Ryggrad objekt som er synlig fra hvor som helst i applikasjonen, med dette kan vi bruke den som en hendelsesbuss på følgende måte som vi vil se på bildet nedenfor:

FORSTØRRE

Operasjonen er veldig enkel, ganske enkelt med Ryggrad objekt Vi forteller det at en anonym funksjon vil kjøre når en bestemt hendelse oppstår, vi gjør dette med .on () -metoden, den første parameteren er hendelsen og den andre funksjonen, innenfor den anonyme funksjonen som oppstår i tilbakeringingen kan vi utføre andre ting i dette tilfellet lagde vi en logg i konsollen.
Tilhørende hendelserVi vet allerede hvordan hendelsessystemet fungerer på en ganske grunnleggende måte, men det er flere verktøy som lar oss ha større kontroll og til og med tilpasse våre egne utløsere, hendelsene i applikasjonen, for dette har vi metodene, .on () .off () og trigger () som gir oss muligheten til å utføre den tilsvarende ledelsen.
Opprette en egendefinert hendelse med .trigger ()
Dette er kanskje et av de mest nyttige verktøyene vi har, siden det lar oss kontrollere våre egne hendelser, som vi kan legge til mer kompleksitet i logikken vår og få de riktige resultatene vi trenger på en veldig vennlig måte. La oss se følgende kode:

 var ourObj = {}; // Vi lager Mixin som lar oss knytte til Backbone.Events -klassen _.extend (ourObj, Backbone.Events); // Vi lager den egendefinerte hendelsen ourObj.on ('dance', function (msg) {console.log ('our event is' + msg);}); // Vi utløser den egendefinerte hendelsen med .trigger () ourObj.trigger ('dance', 'a dance'); 

Vi oppretter ganske enkelt en forbindelse mellom objektet vårt og Arrangementsklasse, med dette kan vi arve alle dets funksjoner, så definerer vi atferden og vår personlige hendelse som hjelper oss med .on () -metoden, endelig kan vi få resultatet av det ved å foreta et tilpasset anrop ved hjelp av .trigger () -metode.
Dette gir oss som et resultat det vi ser nedenfor i det følgende bildet, når vi kjører det i konsollen Javascript av Google Chrome:

FORSTØRRE

Som vi kunne se hendelsesledelsen i Backbone.js Det er noe som er veldig viktig, men bruken og implementeringen er ganske enkel, noe som hjelper oss å bygge bedre applikasjoner med minst mulig innsats og med en ganske kort læringskurve.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng