(पुरालेख) मातृेशका.जस - MK.Object

लेख पुराना है। नए दस्तावेज़ में इस पोस्ट से सबसे अधिक प्रासंगिक जानकारी है। मातृेशका देखें।

• परिचय
• विरासत
• MK.Object
• MK.Array
• मातृेशका।जस वि ० १
• मातृेशका.जेएस v0.2
• टोडो एमवीसी कार्यान्वयन

पिछले लेखों में, हम मेट्रीशोका के सामान्य सिद्धांतों के साथ मिले थे: बाध्यकारी तत्व, घटनाएं, विरासत। पिछले लेख के अंत में, मैंने खुद से सवाल पूछा था: "एप्लिकेशन स्थिति (उपयोगकर्ता को पासवर्ड कैसे दिखाना है) और एप्लिकेशन डेटा (लॉगिन, पासवर्ड," मुझे याद रखें ") के बीच अंतर कैसे करें।"

वह वर्ग जो हमारी सहायता करेगा, उसे MK.Object कहा जाता है, जो MK.Object वर्ग से विरासत में मिला है। यह विचार सरल है: हमारे पास कई चाबियाँ हैं जो वर्ग उदाहरण में डेटा के लिए ज़िम्मेदार हैं और हम मानते हैं कि अन्य गुण केवल एप्लिकेशन की स्थिति के लिए ज़िम्मेदार हैं और व्यवसाय मॉडल नहीं हैं।



डेटा के लिए जिम्मेदार संपत्ति सेट करने के लिए .jset विधि का .jset :

 var mkObject = new MK.Object(); mkObject.jset( 'a', 1 ); console.log( mkObject.toJSON() ); // { a: 1 } 

.Jset के लिए दस्तावेज़ीकरण: finom.imtqy.com/matreshka/docs/Matreshka.Object.htmljset
.TJJSON दस्तावेज़ीकरण : finom.imtqy.com/matreshka/docs/Matreshka.Object.html#toJSON
अब हम हमेशा की तरह नई संपत्ति के साथ काम कर सकते हैं:

 var mkObject = new MK.Object(); mkObject.jset( 'a', 1 ); mkObject.a = 2; console.log( mkObject.toJSON() ); // { a: 2 } 

विशेष रूप से, हम Matreshka वर्ग से विरासत में मिली विधियों का उपयोग कर सकते हैं:

 mkObject.bindNode( 'a', '.my-element' ); mkObject.on( 'change:a', handler ); 

अगर हम .toJSON विधि के परिणामस्वरूप, कुंजी के सेट में अपनी कुंजी को जोड़े बिना संपत्ति सेट करते हैं .toJSON तो हम इसे डाउनलोड नहीं करेंगे:

 var mkObject = new MK.Object(); mkObject.jset( 'a', 1 ); mkObject.b = 3; console.log( mkObject.toJSON() ); // { a: 1 } 

आप .addJSONKeys पद्धति का उपयोग करके कुंजी सूची में कुंजियाँ जोड़ सकते हैं
Doc: finom.imtqy.com/matreshka/docs/Matreshka.Object.html#addJSONKeys

 mkObject.addJSONKeys( 'b', 'c' ); 

एक महत्वपूर्ण नियम इस प्रकार है: यदि आप सुनिश्चित नहीं हैं कि कौन से गुण .toJSON फ़ंक्शन के परिणाम में शामिल किए जाने चाहिए, हमेशा सामान्य असाइनमेंट के बजाय .jset उपयोग करें। यदि चाबियाँ ज्ञात हैं, तो, व्यक्तिगत रूप से, मैं हमेशा डिफ़ॉल्ट डेटा सेट करना पसंद करता हूं:

 var MyClass = Class({ 'extends': MK.Object, constructor: function( data ) { this .initMK() .jset({ //    a: 1, b: 2, c: 3 }) .set( data ) //   (data -    ) ; } }); 

.initMK कॉल पर ध्यान .initMK । यहाँ वह न केवल ईवेंट ऑब्जेक्ट्स और "विशेष" प्रॉपर्टीज़ को इनिशियलाइज़ करता है, बल्कि कीज़ का ऑब्जेक्ट-सेट भी। इसके अलावा, यह डेटा को "modify" पर "modify" घटना को बढ़ाने के लिए आवश्यक इवेंट हैंडलर जोड़ता है। एक उदाहरण:

 var mkObject = new MK.Object(); mkObject.jset({ a: 1, b: 2 }); mkObject.c = 3; mkObject.on( 'modify', function() { alert( 'Data is changed' ); }); mkObject.a = 4; //   mkObject.b = 5; //   mkObject.c = 6; //   ,    "c"  ,   

यदि आप ऑब्जेक्ट के रूप में कक्षा में एक तर्क देते हैं, तो यह डेटा के रूप में व्याख्या करता है:

 var mkObject = new MK.Object({ a: 1, b: 2 }); //   ,   var mkObject = new MK.Object(); mkObject.jset({ a: 1, b: 2 }); 

आप .each विधि का उपयोग करके डेटा पर पुनरावृति कर सकते हैं:

 var mkObject = new MK.Object(); mkObject.jset({ a: 1, b: 2 }); mkObject.c = 3; mkObject.each( function( item, key ) { console.log( key ); }); //  'a', 'b' 

Doc: finom.imtqy.com/matreshka/docs/Matreshka.Object.html#each

आप देख सकते हैं कि .hasOwnProperty विधि का उपयोग करने वाली वस्तु में कोई संपत्ति है या नहीं

 var mkObject = new MK.Object(); mkObject.jset( 'a', 1 ); mkObject.b = 2; alert( mkObject.hasOwnProperty( 'a' ) ); // true alert( mkObject.hasOwnProperty( 'b' ) ); // false ('b'   ) 

यह आपको for..in निर्माण का उपयोग करने की अनुमति देता है, जैसे कि एक नियमित वस्तु के लिए:

 for( var i in mk ) if( mk.hasOwnProperty( i ) ) { doSomething(i, mk[i]) } 

UPD : Object.defineProperty प्रतिबंध के कारण आठवें गधे में काम नहीं करता है

ऐसे कई तरीके हैं जिनके नाम खुद बोलते हैं:
.keyOf , जो मान द्वारा एक कुंजी की खोज करता है और एक कुंजी देता है (एक सरणी के लिए .indexOf अनुरूप)।
.keys कुंजियों की एक सरणी .keys ।
.removeJSONKeys , डेटा के लिए ज़िम्मेदार कुंजी के सेट से कुंजियाँ हटा रहा है।

पिछले लेख से संशोधित उदाहरण देखें: jsbin.com/disigiza/1/edit
कंस्ट्रक्टर में, हम डिफ़ॉल्ट डेटा सेट करते हैं:

  ... constructor: function () { this .initMK() .jset({ //   userName: '', password: '', rememberMe: true }) .bindings() .events(); }, ... 

और फिर, सर्वर पर भेजे जाने वाले ऑब्जेक्ट को मैन्युअल रूप से बनाने के बजाय, हम .toJSON विधि कहते हैं:

  ... login: function () { if (this.isValid) { alert( JSON.stringify( this.toJSON() ) ); } return this; } ... 

निष्कर्ष में

अब हम जानते हैं कि कैसे Matryoshka डेटा को उन राज्यों से अलग किया जाए जो बैकएंड के लिए दिलचस्प नहीं हैं। अद्भुत। लेकिन क्या होगा अगर हमें बहुत अधिक डेटा की आवश्यकता है? Backbone.js से एक सरणी या संग्रह की तरह कुछ। समाधान MK.Array वर्ग है, जिसकी चर्चा मैं अगले लेख में करूँगा।

लेख को अंत तक पढ़ने के लिए धन्यवाद। सभी अच्छे और अच्छे कोडिंग।