Obsah
The Události Jsou to inverzní řídicí struktury, říkáme to proto, že normálně voláme funkci, abychom něco udělali, v případě události volá funkci nebo akci, když nastane nebo nastane konkrétní situace.Toto je jeden z nejsilnějších a nejsilnějších aspektů Backbone.js, protože jeho systém řízení událostí nás osvobozuje od toho, abychom to museli dělat ručně, a nabízí možnost, že můžeme naši logiku vytvořit jednodušeji.
Systém událostí Backbone.js
Jak jsme zmínili Systém událostí Backbone.js je velmi silný, důvodem je to, že hlavní součástí Páteř. Události Je smíchán s hlavními třídami rámce, což dává možnost jednoduchým způsobem to vše začlenit do našich aplikací.
Některé ze tříd, ve kterých máme vestavěný systém událostí, jsou:
- Páteř. Model
- Páteř. Sbírka
- Páteř. Směrovač
- Páteř. Historie
- Páteř. Pohled
ZVĚTŠIT
Přidružené akceUž víme, jak systém událostí funguje docela základním způsobem, nicméně existuje více nástrojů, které nám umožňují větší kontrolu a dokonce přizpůsobení vlastních spouštěčů, událostí v aplikaci, k tomu máme metody, .on () .off () a trigger () které nám dávají možnost provádět odpovídající řízení.
Vytvoření vlastní události pomocí .trigger ()
Toto je možná jeden z nejužitečnějších nástrojů, které máme, protože nám umožňuje řídit naše vlastní události, pomocí kterých můžeme naší logice dodat větší komplexnost a velmi přátelským způsobem získat potřebné výsledky, které potřebujeme. Podívejme se na následující kód:
var ourObj = {}; // Vytváříme Mixin, který nám umožňuje přidružit se ke třídě Backbone.Events _.extend (ourObj, Backbone.Events); // Vytvoříme vlastní událost ourObj.on ('dance', function (msg) {console.log ('our event is' + msg);}); // Vlastní událost spustíme pomocí .trigger () ourObj.trigger ('dance', 'a dance');
Jednoduše vytvoříme asociaci mezi naším objektem a Třída událostíDíky tomu můžeme zdědit všechny jeho funkce, poté definujeme chování a naši personalizovanou událost, která nám s tím pomůže metoda .on (), konečně můžeme získat výsledek tím, že provedeme vlastní volání pomocí .trigger () metoda.
To nám ve výsledku dává to, co vidíme níže na následujícím obrázku, když to spustíme v konzole Javascript z Google Chrome:
ZVĚTŠIT