Sommario
Quando parliamo eventi avanzati ci riferiamo alle possibilità che ci offre Backbone.js Per fare di più con loro, possiamo scollegare un evento da un oggetto nel corso della nostra applicazione, nonché stabilire oggetti che sono incaricati di ascoltare quando un oggetto diverso chiama un evento, ottenendo così che ci liberiamo dal carico logico di dover programmare questi comportamenti separatamente.Scollegare un evento con il metodo .off()
Il scollegare un evento ci permette di non eseguire la funzione richiama Dopo che è successo, questo ha molte applicazioni logiche che ci consentono di esercitare un controllo migliore nelle nostre applicazioni.
Per effettuare lo scollegamento faremo affidamento sul .off () metodo che si chiama in modo simile a quello che usiamo con il .on() metodo, Gli passiamo l'evento invocandolo dall'oggetto che ha già le funzionalità di Backbone.Eventi. Diamo un'occhiata al seguente codice di esempio:
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'); // Scolleghiamo l'evento ourObj.off ('dance'); // Quando si tenta di richiamarlo di nuovo non succede nulla il nostro Obj.trigger ('dance', 'a new dance'); Come vediamo nel codice, prima facciamo tutto il lavoro di collegamento delle funzionalità, costruiamo un evento personalizzato e facciamo anche la prima chiamata ad esso, dopodiché con il .off () metodo Gli diciamo che l'evento non sarà più collegato all'oggetto e infine per verificarlo richiamiamo l'evento dove non succede più nulla.
Possiamo vederlo dimostrato nell'immagine seguente in cui eseguiamo nella console Javascript di Google Chrome il codice di esempio:
INGRANDIRE
Questa funzionalità ci consente di utilizzare un oggetto per "ascoltare" ad un altro, dove possiamo definire “ascoltare” il processo in cui l'oggetto che “ascolta” sta assistendo alle azioni dell'oggetto “ascoltato”, quindi quando l'ultimo innesca un evento, il primo potrà chiamare il corrispondente della funzione di callback. Vediamo cosa intendiamo con il seguente codice:
var a = _.extend ({}, Backbone.Events); var b = _.extend ({}, Backbone.Events); var c = _.extend ({}, Backbone.Events); // aggiungiamo un oggetto (a) che ascolta gli eventi di (
INGRANDIRE
Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo
