न्यूट्रिनो - पूर्ण विरासत और घटनाओं के साथ एक छोटा सा जेएस फ्रेमवर्क

एक छोटे सीमांत वाली परियोजनाओं में, बैकबोन, एम्बर या नॉकआउट जैसे भारी ढांचे का उपयोग करना हमेशा बुद्धिमान नहीं होता है। फिर भी, उन दोनों के बीच मॉडल, विरासत और उच्च-गुणवत्ता वाले इंटरैक्शन का उपयोग करने की आवश्यकता बनी हुई है। मैं आपका ध्यान न्यूट्रिनो फ्रेमवर्क पर लाता हूं, जो उपरोक्त सभी करता है, जबकि इसका आकार कोड की 100 लाइनों से अधिक नहीं है।

किसी भी रूपरेखा प्रतिक्रिया का स्वागत है।
विरासत और घटनाओं के साथ एक सरल डेमो यहां देखा जा सकता है ।

वर्ग निर्माण

एक वर्ग बनाने के लिए, _neutrino.Root ऑब्जेक्ट की ' विस्तार ' विधि को कॉल करें। एक तर्क के रूप में, हम इसे एक ऑब्जेक्ट पास करते हैं जिसमें भविष्य के वर्ग के तरीके और स्थिर तत्व होते हैं।

var Model = _n.Root.extend({ //methods and static members }); 

विस्तार विधि क्लास के कंस्ट्रक्टर को वापस कर देती है।

कक्षा उदाहरण बनाना

एक वर्ग का एक उदाहरण बनाने के लिए, हम केवल नए कीवर्ड के साथ इसके निर्माता को कॉल करते हैं और सिर्फ एक तर्क देते हैं। यह तर्क सभी आवश्यक डेटा वाले ऑब्जेक्ट होना चाहिए। ऑब्जेक्ट की सामग्री को नए बनाए गए ऑब्जेक्ट के डेटा फ़ील्ड में लिखा जाएगा।

 var model = new Model({ id: 1 }); alert(model.data.id); //1 

डिफ़ॉल्ट मान

डेटा ऑब्जेक्ट की किसी भी संपत्ति के लिए, हम डिफ़ॉल्ट मान सेट कर सकते हैं:

 var Model = _n.Root.extend({ defaults: { id: "default id" } }); var model = new Model(); alert(model.data.id); //"default id" 

कंस्ट्रक्टर्स

हम किसी भी वर्ग के लिए एक छद्म निर्माता निर्दिष्ट कर सकते हैं। छद्म कंस्ट्रक्टर फ़ंक्शन को निर्माण कहा जाता है। इसका व्यवहार पूरी तरह से सामान्य निर्माता के बराबर है - इसे तब कहा जाता है जब ऑब्जेक्ट बनाया जाता है, यह एक मूल्य वापस कर सकता है जिसे नए ऑपरेटर के परिणामस्वरूप वापस किया जाएगा। छद्म-निर्माता कोड में, आपको इस का उपयोग करके मूल विधि को कॉल करना होगा ।_सुपर कॉल ();

 var Model = _n.Root.extend({ construct: function() { this._superCall(); alert("Hello world"); } }); 

विरासत

न्यूट्रिनो पूर्ण विरासत का समर्थन करता है:

• आप बेस क्लास की विस्तार विधि का उपयोग करके बाल कक्षाएं बना सकते हैं;
• किसी भी वर्ग के निर्माता में एक सुपरक्लास संपत्ति होती है जो सीधे मूल वर्ग के निर्माता को इंगित करती है;
• किसी भी विधि से, आप आसानी से निकटतम उपलब्ध मूल विधि को कॉल कर सकते हैं;
• डिफॉल्ट्स फ़ील्ड स्वचालित रूप से सभी मूल डेटा के साथ चमकती है।

आइए एक साधारण उदाहरण देखें:

 var Parent = _n.Root.extend({ defaults: { a: 1, b: 2 }, construct: function() { this._superCall(); alert(this.getSum()); }, getSum: function() { return this.data.a + this.data.b; } }); var Child = Parent.extend({ defaults: { a: 10, c: 3 }, getSum: function() { return this.superCall() + this.data.c; } }); new Parent(); //alert(1 + 2); new Child(); //alert(10 + 2 + 3); 

अभिभावक के तरीकों को कॉल करना

किसी विधि के अंदर, निकटतम पैरेंट विधि को कॉल करने के दो तरीके हैं। यदि आपको मूल पैरामीटर को उसी पैरामीटर के साथ कॉल करने की आवश्यकता है जिसके साथ वर्तमान विधि को बुलाया गया था, तो आप इसका उपयोग कर सकते हैं ।_सुपरकला ();

 ... someMethod: function(a, b, c) { return this._superCall(); //call closest parent method with a,b,c parameters } ... 

यदि मूल विधि को अन्य मापदंडों के साथ बुलाया जाना चाहिए, तो आपको निकटतम मूल विधि के लिए एक सीधा लिंक का उपयोग करने की आवश्यकता है - यह। SuperModod;

 ... someMethod: function(a, b, c) { return this._superMethod(a + 1, b + 1, c + 1); //call closest parent method with changed parameters } ... 

वास्तव में, यह। सुपरकॉल (); यह इस के समतुल्य शॉर्टहैंड है ।_सुपरमेथोड.लीली (यह, तर्क) ;

घटनाओं

ईवेंट मॉडल की सहभागिता को व्यवस्थित करने का एक शानदार तरीका है ... न्यूट्रिनो में मॉडल ईवेंट उत्पन्न कर सकते हैं और अन्य मॉडलों से ईवेंट की सदस्यता ले सकते हैं।

इवेंट जनरेशन

मॉडल में एक घटना उत्पन्न करने के लिए, आपको इसकी फ़ायरइन विधि को कॉल करने की आवश्यकता है। इसे दो मापदंडों को पारित करने की आवश्यकता है - घटना का नाम EventName और (वैकल्पिक रूप से) एक जानकारी ऑब्जेक्ट जिसमें कोई अतिरिक्त जानकारी है।

  model.fireEvent("item-added", { item: item //some additional information }); 

अपनी खुद की घटनाओं को संभालना

जब मॉडल कोई ईवेंट बनाता है, तो उसका स्वयं का ऑनऑन विधि पहले कहा जाता है , जो ईवेंटनेम और सूचना पैरामीटर प्राप्त करता है।

  /* Model class initialization*/ ... onOwnEvent: function(eventName, info) { switch(eventName) { case "item-added": //increase items counter //render info.item break; } } ... model.fireEvent("item-added", { item: item }); 

घटना सदस्यता

मॉडल ईवेंट की सदस्यता के लिए, आपको इसकी सदस्यता विधि को कॉल करने और इसके लिए दो पैरामीटर पास करने की आवश्यकता है - हैंडलर फ़ंक्शन और उस ईवेंट का नाम जिसे आप सब्सक्राइब करना चाहते हैं। यदि आप ईवेंट का नाम निर्दिष्ट नहीं करते हैं (या ईवेंट के नाम के रूप में एक तारांकन * पास करते हैं), तो आपका हैंडलर तब कॉल किया जाएगा जब कोई भी ईवेंट उत्पन्न होता है, अन्यथा, केवल उस ईवेंट को जब आपने सदस्यता ली है, उत्पन्न होता है।

स्वाभाविक रूप से, कॉलबैक इवेंटनाम और सूचना पैरामीटर प्राप्त करेगा जब कॉल किया जाता है।

  function commonHandler(eventName, info) { switch(eventName) { case "e1": alert("e1 fired"); break; } } function specificHandler(eventName, info) { alert("e1 fired"); } model.subscribe(commonHandler); model.subscribe(specificHandler, "e1"); model.fireEvent("e1"); //info in handlers will be set to undefined 

मॉडल विधियों का उपयोग करके घटना प्रसंस्करण

आमतौर पर, किसी अन्य मॉडल की विधि का उपयोग करके एक मॉडल की घटना को संभालना आवश्यक हो जाता है। इस संदर्भ को संरक्षित करने के लिए और संभवतः, सदस्यता के समय प्रासंगिक कुछ अन्य डेटा, आप निश्चित रूप से, एक क्लोजर का उपयोग कर सकते हैं:

 /* class initialization stuff */ ... processItem: function(item) { var self = this; item.subscribe(function(eventName, info) { self.onItemEvent(eventName, info, item); }); }, onItemEvent: function(item, eventName, info) { ... } 

हालांकि, न्यूट्रिनो ऐसा करने का एक आसान तरीका प्रदान करता है।

 item.subscribe(this.onItemEvent.bind(this, item)); 

एक फ़ंक्शन बाइंड () न्यूट्रिनो में प्रत्येक मॉडल विधि से जुड़ा हुआ है, जो इस संदर्भ को सही और किसी भी अतिरिक्त पैरामीटर के साथ आपकी विधि को कॉल करेगा।

एक सरल उदाहरण समझ को स्पष्ट करने में मदद करेगा:

 var binding = this.onItemEvent.bind(this, 1, 2)); setTimeout(function() { binding(3, 4); //your method onItemEvent will be called with arguments 1, 2, 3, 4. }); 

बाइंड () का उपयोग करते हुए, आप पहले वांछित संदर्भ (आमतौर पर यह) निर्दिष्ट करते हैं, फिर किसी भी अतिरिक्त पैरामीटर (ए, बी) की संख्या। जब हम मापदंडों (सी, डी) के साथ बाइंडिंग के परिणाम फ़ंक्शन को कॉल करते हैं, तो, अंत में, हम मापदंडों (ए, बी, सी, डी) के साथ अपनी पद्धति के कॉल पर आएंगे।

किसी भी रूपरेखा प्रतिक्रिया का स्वागत है।