İçindekiler
NS Etkinlikler Bunlar ters kontrol yapılarıdır, bunu söylüyoruz çünkü normalde bir şeyi yapmak için bir fonksiyon çağırırız, bir olay olması durumunda belirli bir durum meydana geldiğinde veya meydana geldiğinde fonksiyonu veya eylemi çağırır.Bu, en güçlü ve en güçlü yönlerinden biridir. Backbone.js, olay kontrol sistemi bizi bunu manuel olarak yapmaktan kurtardığından, mantığımızı daha basit bir şekilde inşa etme imkanı sunar.
Backbone.js Olay Sistemi
Bahsettiğimiz gibi Backbone.js olay sistemi çok güçlüdür, bunun nedeni ana bileşeninin Backbone.Olaylar Çerçevenin ana sınıfları ile karıştırılır, böylece tüm bunları uygulamalarımıza basit bir şekilde dahil etme imkanı verir.
Yerleşik olay sistemine sahip olduğumuz sınıflardan bazıları şunlardır:
- Omurga.Model
- Backbone.Koleksiyon
- Omurga.Yönlendirici
- Omurga.Tarihçesi
- Omurga.Görünüm
BÜYÜT
İlişkili EtkinliklerOlay sisteminin oldukça basit bir şekilde nasıl çalıştığını zaten biliyoruz, ancak daha fazla kontrole sahip olmamıza ve hatta kendi tetikleyicilerimizi, uygulamadaki olayları özelleştirmemize izin veren daha fazla araç var, bunun için yöntemlerimiz var, .on () .off () ve tetik () bu bize ilgili yönetimi gerçekleştirme imkanı verir.
.trigger () ile Özel Etkinlik Oluşturma
Bu belki de sahip olduğumuz en faydalı araçlardan biri, çünkü kendi olaylarımızı kontrol etmemizi sağlıyor, bu sayede mantığımıza daha fazla karmaşıklık katabiliyor ve ihtiyacımız olan uygun sonuçları çok dostane bir şekilde elde edebiliyoruz. kod:
var bizimObj = {}; // Backbone.Events sınıfı _.extend (ourObj, Backbone.Events) ile ilişkilendirmemizi sağlayan Mixin'i oluşturuyoruz; // OurObj.on ('dans', function (msg) {console.log ('our event is' + msg);}); // Özel olayı .trigger () ile bizimObj.trigger ('dans', 'dans');
Biz sadece nesnemiz ile nesne arasında bir ilişki kurarız. Olaylar sınıfı, bununla tüm işlevlerini devralabiliriz, ardından davranışı ve bize yardımcı olan kişiselleştirilmiş etkinliğimizi tanımlarız. .on () yöntemi, nihayet kullanarak özel bir arama yaparak sonucunu alabiliriz. .trigger () yöntemi.
Bu, konsolda çalıştırdığımızda aşağıdaki resimde gördüğümüz sonucu bize veriyor. Javascript nın-nin Google Chrome:
BÜYÜT