Backbone.js - Eventos

O eventos São estruturas de controle inversas, dizemos isso porque normalmente chamamos uma função para fazer algo, no caso de um evento ela chama a função ou ação quando uma determinada situação acontece ou ocorre.
Este é um dos aspectos mais fortes e poderosos da Backbone.js, já que seu sistema de controle de eventos nos dispensa de fazer isso manualmente, oferecendo a possibilidade de construirmos nossa lógica de uma forma mais simples.
Sistema de eventos Backbone.js
Como mencionamos o Sistema de eventos Backbone.js é muito poderoso, a razão para isso é que o principal componente do Backbone.Events Está mesclado com as classes principais do framework, dando assim a possibilidade de incorporar tudo isso em nossas aplicações de forma simples.
Algumas das classes nas quais temos o sistema de eventos embutido são:

• Backbone.Model
• Backbone.Collection
• Backbone.Router
• Backbone.History
• Backbone.View

ImportanteDevemos também ter em mente que Backbone.Events também está disponível no Objeto de espinha dorsal que é visível de qualquer lugar do aplicativo, com isso podemos utilizá-lo como um barramento de eventos da seguinte forma que veremos na imagem abaixo:

PROLONGAR

A operação é muito simples, simplesmente com o Objeto de espinha dorsal Dizemos que uma função anônima será executada quando um determinado evento ocorrer, fazemos isso com o método .on (), o primeiro parâmetro é o evento e o segundo a função, dentro da função anônima que ocorre no callback podemos executar outras coisas neste caso fizemos um log no console.
Eventos AssociadosJá sabemos como funciona o sistema de eventos de uma forma bastante básica, porém existem mais ferramentas que nos permitem ter um maior controle e até customizar nossos próprios triggers, os eventos da aplicação, para isso temos os métodos, .on () .off () e trigger () que nos dão a possibilidade de realizar a gestão correspondente.
Criação de um evento personalizado com .trigger ()
Esta é talvez uma das ferramentas mais úteis que temos, já que nos permite controlar os nossos próprios eventos, com os quais podemos adicionar mais complexidade à nossa lógica e obter os resultados adequados de que necessitamos de uma forma muito amigável. Vejamos o seguinte código:

 var ourObj = {}; // Criamos o Mixin que nos permite associar com a classe Backbone.Events _.extend (ourObj, Backbone.Events); // Criamos o evento personalizado ourObj.on ('dança', função (msg) {console.log ('nosso evento é' + msg);}); // Acionamos o evento personalizado com .trigger () ourObj.trigger ('dance', 'a dance'); 

Simplesmente criamos uma associação entre nosso objeto e o Aula de eventos, com isso podemos herdar todas as suas funcionalidades, então definimos o comportamento e nosso evento personalizado ajudando-nos com o método .on (), finalmente podemos obter o resultado fazendo uma chamada personalizada usando o método .trigger ().
Isso nos dá como resultado o que vemos abaixo na imagem a seguir, quando o executamos no console Javascript do Google Chrome:

PROLONGAR

Como pudemos ver a gestão de eventos em Backbone.js É algo muito importante, porém seu uso e implementação são bastante simples, o que nos ajuda a construir melhores aplicações com o mínimo esforço e com uma curva de aprendizado bastante curta.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo