Backbone.js - Evenementen

De evenementen Het zijn inverse controlestructuren, we zeggen dit omdat we normaal gesproken een functie aanroepen om iets te doen, in het geval van een gebeurtenis roept het de functie of actie op wanneer een bepaalde situatie zich voordoet of zich voordoet.
Dit is een van de sterkste en krachtigste aspecten van Backbone.js, omdat het gebeurteniscontrolesysteem ons verlost van de noodzaak om dit handmatig te doen, wat de mogelijkheid biedt dat we onze logica op een eenvoudigere manier kunnen bouwen.
Backbone.js-gebeurtenissysteem
Zoals we al zeiden de Backbone.js-gebeurtenissysteem is zeer krachtig, de reden hiervoor is dat het hoofdbestanddeel van Backbone.Evenementen Het is vermengd met de hoofdklassen van het raamwerk, waardoor het mogelijk is om dit alles op een eenvoudige manier in onze applicaties op te nemen.
Enkele van de klassen waarin we het ingebouwde evenementensysteem hebben, zijn:

• Backbone.Model
• Backbone.Collection
• Backbone.Router
• Backbone.Geschiedenis
• Backbone.Bekijken

BelangrijkWe moeten ook in gedachten houden dat Backbone.Evenementen is ook verkrijgbaar in de Backbone-object die overal in de applicatie zichtbaar is, hiermee kunnen we het als een evenementenbus gebruiken op de volgende manier die we in de onderstaande afbeelding zullen zien:

VERGROTEN

De bediening is heel eenvoudig, gewoon met de Backbone-object We vertellen het dat een anonieme functie wordt uitgevoerd wanneer een bepaalde gebeurtenis plaatsvindt, we doen dit met de .on () methode, de eerste parameter is de gebeurtenis en de tweede de functie, binnen de anonieme functie die optreedt in de callback kunnen we andere dingen uitvoeren in dit geval hebben we een log gemaakt in de console.
Evenementen koppelenWe weten al hoe het gebeurtenissysteem op een vrij eenvoudige manier werkt, maar er zijn meer tools waarmee we meer controle hebben en zelfs onze eigen triggers, de gebeurtenissen in de applicatie, kunnen aanpassen, hiervoor hebben we de methoden, .on () .off () en trigger () die ons de mogelijkheid geven om het bijbehorende beheer uit te voeren.
Een aangepast evenement maken met .trigger ()
Dit is misschien wel een van de handigste tools die we hebben, omdat het ons in staat stelt om onze eigen gebeurtenissen te controleren, waarmee we meer complexiteit aan onze logica kunnen toevoegen en op een zeer vriendelijke manier de juiste resultaten kunnen verkrijgen die we nodig hebben. code:

 var onzeObj = {}; // We maken de Mixin waarmee we kunnen associëren met de Backbone.Events-klasse _.extend (ourObj, Backbone.Events); // We maken de aangepaste gebeurtenis ourObj.on ('dance', function (msg) {console.log ('our event is' + msg);}); // We activeren de aangepaste gebeurtenis met .trigger () ourObj.trigger ('dance', 'a dance'); 

We creëren eenvoudig een associatie tussen ons object en de Evenementen klasse, hiermee kunnen we al zijn functionaliteiten erven, dan definiëren we het gedrag en ons gepersonaliseerde evenement om ons te helpen met de .on () methode, eindelijk kunnen we het resultaat ervan krijgen door een aangepaste oproep te doen met behulp van de .trigger () methode.
Dit geeft ons als resultaat wat we hieronder in de volgende afbeelding zien, wanneer we het in de console uitvoeren Javascript van Google Chrome:

VERGROTEN

Zoals we het eventmanagement konden zien in Backbone.js Het is iets dat heel belangrijk is, maar het gebruik en de implementatie ervan is vrij eenvoudig, wat ons helpt betere applicaties te bouwen met de minste inspanning en met een vrij korte leercurve.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven