Backbone.js - Eventi

Il eventi Sono strutture di controllo inverso, lo diciamo perché normalmente chiamiamo una funzione per fare qualcosa, nel caso di un evento chiama la funzione o l'azione quando si verifica o si verifica una particolare situazione.
Questo è uno degli aspetti più forti e potenti di Backbone.js, poiché il suo sistema di controllo degli eventi ci libera dal farlo manualmente, offrendo la possibilità di costruire la nostra logica in modo più semplice.
Sistema di eventi Backbone.js
Come abbiamo detto il Sistema di eventi Backbone.js è molto potente, la ragione di ciò è che il componente principale di Backbone.Eventi Si mescola con le classi principali del framework, dando così la possibilità di incorporare tutto questo nelle nostre applicazioni in modo semplice.
Alcune delle classi in cui abbiamo il sistema di eventi integrato sono:

• Backbone.Modello
• Backbone.Collezione
• Backbone.Router
• Backbone.Storia
• Backbone.View

ImportanteDobbiamo anche tenere a mente che Backbone.Eventi è disponibile anche in Oggetto della spina dorsale che è visibile da qualsiasi punto dell'applicazione, con questo possiamo usarlo come bus di eventi nel modo seguente che vedremo nell'immagine qui sotto:

INGRANDIRE

L'operazione è molto semplice, semplicemente con il Oggetto della spina dorsale Gli diciamo che una funzione anonima verrà eseguita quando si verifica un determinato evento, lo facciamo con il .on() metodo, il primo parametro è l'evento e il secondo la funzione, all'interno della funzione anonima che si verifica nel callback possiamo eseguire altre cose in questo caso abbiamo fatto un log in console.
Eventi associatiSappiamo già come funziona il sistema di eventi in un modo abbastanza semplice, tuttavia ci sono più strumenti che ci consentono di avere un maggiore controllo e persino personalizzare i nostri trigger, gli eventi nell'applicazione, per questo abbiamo i metodi, .on () .off () e trigger () che ci danno la possibilità di svolgere la relativa gestione.
Creazione di un evento personalizzato con .trigger ()
Questo è forse uno degli strumenti più utili che abbiamo, poiché ci consente di controllare i nostri eventi, con cui possiamo aggiungere più complessità alla nostra logica e ottenere i risultati appropriati di cui abbiamo bisogno in un modo molto amichevole. codice:

 var nostroObj = {}; // Creiamo il Mixin che ci permette di associare alla classe Backbone.Events _.extend (ourObj, Backbone.Events); // Creiamo l'evento personalizzato ourObj.on ('dance', function (msg) {console.log ('il nostro evento è' + msg);}); // Inneschiamo l'evento personalizzato con .trigger() ourObj.trigger ('dance', 'a dance'); 

Creiamo semplicemente un'associazione tra il nostro oggetto e il Classe eventi, con questo possiamo ereditare tutte le sue funzionalità, quindi definiamo il comportamento e il nostro evento personalizzato aiutandoci con il .on() metodo, finalmente possiamo ottenerne il risultato effettuando una chiamata personalizzata usando il metodo .trigger().
Questo ci dà come risultato quello che vediamo sotto nell'immagine seguente, quando lo eseguiamo nella console Javascript di Google Chrome:

INGRANDIRE

Come abbiamo potuto vedere la gestione dell'evento in Backbone.js È qualcosa di molto importante, tuttavia il suo utilizzo e implementazione è abbastanza semplice, il che ci aiuta a costruire applicazioni migliori con il minimo sforzo e con una curva di apprendimento abbastanza breve.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo