Backbone.js - Händelser

De evenemang De är omvända kontrollstrukturer, vi säger detta eftersom vi normalt kallar en funktion för att göra något, i händelse av en händelse kallar den funktionen eller åtgärden när en viss situation händer eller inträffar.
Detta är en av de starkaste och mest kraftfulla aspekterna av Backbone.js, eftersom dess händelsekontrollsystem befriar oss från att behöva göra detta manuellt, vilket ger möjlighet att vi kan bygga vår logik på ett enklare sätt.
Backbone.js händelsessystem
Som vi nämnde Backbone.js händelsessystem är mycket kraftfull, är anledningen till detta att huvudkomponenten i Ryggrad.Event Det blandas med ramens huvudklasser, vilket ger möjligheten att införliva allt detta i våra applikationer på ett enkelt sätt.
Några av de klasser där vi har det inbyggda evenemangssystemet är:

• Ryggrad.Modell
• Ryggrad. Samling
• Backbone.Router
• Ryggrad.Historia
• Backbone.View

ViktigVi måste också komma ihåg det Ryggrad.Event finns också i Ryggrad objekt som är synlig var som helst i applikationen, med detta kan vi använda den som en evenemangsbuss på följande sätt som vi kommer att se i bilden nedan:

FÖRSTORA

Operationen är mycket enkel, helt enkelt med Ryggrad objekt Vi berättar att en anonym funktion kommer att köras när en viss händelse inträffar, vi gör detta med .on () metod, den första parametern är händelsen och den andra funktionen, inom den anonyma funktionen som uppstår vid återuppringning kan vi utföra andra saker i det här fallet gjorde vi en logg i konsolen.
Associerade evenemangVi vet redan hur händelsessystemet fungerar på ett ganska grundläggande sätt, men det finns fler verktyg som gör att vi kan ha större kontroll och till och med anpassa våra egna utlösare, händelserna i applikationen, för detta har vi metoderna, .on () .off () och trigger () som ger oss möjlighet att utföra motsvarande hantering.
Skapa en anpassad händelse med .trigger ()
Detta är kanske ett av de mest användbara verktygen vi har, eftersom det gör att vi kan styra våra egna händelser, med vilka vi kan lägga till mer komplexitet i vår logik och få de lämpliga resultat som vi behöver på ett mycket vänligt sätt. Låt oss se följande koda:

 var ourObj = {}; // Vi skapar Mixin som gör att vi kan associera med Backbone.Events -klassen _.extend (ourObj, Backbone.Events); // Vi skapar den anpassade händelsen ourObj.on ('dance', function (msg) {console.log ('our event is' + msg);}); // Vi utlöser den anpassade händelsen med .trigger () ourObj.trigger ('dans', 'en dans'); 

Vi skapar helt enkelt en koppling mellan vårt objekt och Evenemangsklass, med detta kan vi ärva alla dess funktioner, då definierar vi beteendet och vår personliga händelse som hjälper oss med .on () metod, äntligen kan vi få resultatet av det genom att ringa ett anpassat samtal med .trigger () metod.
Detta ger oss som ett resultat det vi ser nedan i följande bild, när vi kör det i konsolen Javascript av Google Chrome:

FÖRSTORA

Som vi kunde se händelsehanteringen i Backbone.js Det är något som är mycket viktigt, men dess användning och implementering är ganska enkel, vilket hjälper oss att bygga bättre applikationer med minsta ansträngning och med en ganska kort inlärningskurva.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng