События - это обратные управляющие структуры, мы говорим это потому, что мы обычно вызываем функцию, чтобы что-то сделать, в случае события она вызывает функцию или действие, когда происходит или происходит конкретная ситуация.
Это один из самых сильных и мощных аспектов Backbone.js, поскольку его система управления событиями освобождает нас от необходимости делать это вручную, предлагая возможность того, что мы можем построить нашу логику более простым способом.
Система событий Backbone.js
Как мы уже упоминали, система событий Backbone.js очень мощная, причина этого в том, что основной компонент Backbone.Events смешан с основными классами фреймворка, что дает возможность таким образом интегрировать все это в наши приложения. простой.
Некоторые из классов, в которых у нас есть встроенная система событий:
- Backbone.Model
- Backbone.Collection
- Backbone.Router
- Backbone.History
- Backbone.View
важно
Мы также должны учитывать, что Backbone.Events также доступен в объекте Backbone, который виден из любой части приложения, поэтому мы можем использовать его в качестве шины событий следующим образом, который мы увидим на рисунке ниже:
Операция очень проста, просто с помощью объекта Backbone мы сообщаем вам, что он будет запускать анонимную функцию при возникновении определенного события, мы достигаем этого с помощью метода .on (), первый параметр - это событие, а второй - функция внутри из анонимной функции, которая происходит в обратном вызове, мы можем выполнить другие вещи, в этом случае мы сделали журнал в консоли.
Ассоциированные события
Мы уже знаем, как система событий работает довольно простым способом, однако есть больше инструментов, которые позволяют нам иметь больший контроль и даже настраивать наши собственные детонаторы, события в приложении, для этого у нас есть методы .on (). off () и trigger (), которые дают нам возможность осуществлять соответствующее управление.
Создание пользовательского события с помощью .trigger ()
Это, пожалуй, один из самых полезных инструментов, которые у нас есть, так как он позволяет нам контролировать наши собственные события, с помощью которых мы можем усложнить нашу логику и получить соответствующие результаты, которые нам нужны очень дружественным образом. Давайте рассмотрим следующий код:
var oursObj = {}; // Мы создаем Mixin, который позволяет нам связываться с классом Backbone.Events _.extend (ourObj, Backbone.Events); // Мы создаем пользовательское событие oursObj.on ('dance', function (msg) {console.log ('our event is' + msg);}); // Мы детонируем пользовательское событие с помощью .trigger () ourObj.trigger ('dance', 'a dance'); Мы просто создаем связь между нашим объектом и классом Events, с его помощью мы можем наследовать все его функциональные возможности, затем мы определяем поведение и наше персонализированное событие, помогая нам с помощью метода .on (), и, наконец, мы можем получить его результат, сделав персонализированный вызов, используя метод .trigger () .
Это приводит к тому, что мы видим ниже на следующем рисунке, когда запускаем его в консоли Google Chrome Javascript :
Как мы могли видеть, управление событиями в Backbone.js очень важно, однако его использование и реализация довольно просты, что помогает нам создавать лучшие приложения с наименьшими усилиями и с довольно короткой кривой обучения.
- 0
СТАТЬИ