🚵🏻 🙎 👁‍🗨 Object.defineProperty या कोड को थोड़ा बेहतर कैसे बनाया जाए 🔟 ☝🏼 ⛱️

मैं इस छोटे पोस्ट-नोट ~~या तापमान बकवास (ओडेसा में ठंडा~~ हो गया है , को समर्पित करना चाहता हूं ) Object.defineProperty (और Object.defineProperties) जैसे शानदार समारोह के लिए। मैं लगभग दो महीने से सक्रिय रूप से इसका उपयोग कर रहा हूं, क्योंकि मैं जिस प्रोजेक्ट को वर्तमान में लागू कर रहा हूं, उसमें पुराने ब्राउज़रों (IE8 सहित) के लिए समर्थन की आवश्यकता नहीं है (ईर्ष्या)।

जैसा कि एक हब्र पर एक लेख होना चाहिए, मैं इसका संक्षिप्त विवरण देता हूं कि यह क्या करता है। Object.defineProperty एक नई संपत्ति जोड़ता है जिसमें एक नियमित संपत्ति के लिए कुछ गैर-मानक व्यवहार होता है और तीन तर्क होते हैं:

एक नई संपत्ति जोड़कर हम जिस वस्तु को संशोधित कर रहे हैं
संपत्ति (स्ट्रिंग), जो वास्तव में, हम जोड़ना चाहते हैं
डिस्क्रिप्टर: एक ऑब्जेक्ट जिसमें नई संपत्ति की "सेटिंग" होती है, उदाहरण के लिए, एसेसर (गेट्टर, सेटर)

विवरणक में निम्नलिखित गुण हो सकते हैं:

मान (कोई भी मूल्य: स्ट्रिंग, फ़ंक्शन ...) - वह मान जो ऑब्जेक्ट की निर्धारित संपत्ति प्राप्त करेगा (इस मामले में गेट्टर और सेटर निर्धारित नहीं किया जा सकता है)
लेखन योग्य (सत्य / असत्य) - क्या संपत्ति के मूल्य को अधिलेखित करना संभव है (एक्सेसर्स भी उपलब्ध नहीं हैं)
get (फ़ंक्शन) - getter (मान और लेखन को परिभाषित नहीं किया जा सकता)
सेट (फ़ंक्शन) - सेटर (मूल्य और लेखन को परिभाषित नहीं किया जा सकता)
विन्यास योग्य (सत्य / असत्य) - क्या हैंडल को ओवरराइड करना संभव है (उसी प्रॉपर्टी पर Object.defineProperty का उपयोग करें)
enumerable (सही / गलत) - क्या संपत्ति for..in के माध्यम से गणना की जाएगी और Object.keys (खराब शब्दों) में उपलब्ध है

उदाहरण

अंतर्वस्तु

//    MDN var o = {}; Object.defineProperty(o, "a", {value : 37, writable : true, enumerable : true, configurable : true}); var bValue; Object.defineProperty(o, "b", {get : function(){ return bValue; }, set : function(newValue){ bValue = newValue; }, enumerable : true, configurable : true});

एमडीएन ऑब्जेक्ट / डिफाइनप्रोपर्टी मुझे बेहतर समझाएगा। सौभाग्य से, आपको अंग्रेजी जानने की आवश्यकता नहीं है, और इसलिए सब कुछ स्पष्ट है।

यदि आपको एक साथ कई गुणों को परिभाषित करने की आवश्यकता है, तो आप Object.defineProperties का उपयोग कर सकते हैं, जिसमें दो तर्क हैं: परिवर्तन की आवश्यकता वाली एक वस्तु और परिभाषित कुंजी के साथ एक वस्तु।
एमडीएन : ऑब्जेक्ट / डिफाइनप्रोपरेटी ।

उदाहरण

अंतर्वस्तु

 //    MDN Object.defineProperties(obj, { "property1": { value: true, writable: true }, "property2": { value: "Hello", writable: false } // etc. etc. });

अब नमक। मैंने इसे पोस्ट करने का फैसला क्या किया?

चूंकि ऊपर उल्लिखित परियोजना में मुझे न केवल सक्रिय रूप से, बल्कि बहुत सक्रिय रूप से, कोड कोड का उपयोग करना है, इसे हल्का, बदसूरत बनाने के लिए। सबसे सरल विचार मेरे दिमाग में आया (मैं इससे पहले कैसे नहीं सोच सकता था?), ऑब्जेक्ट प्रोटोटाइप को विस्तारित करने के लिए, कोड को और अधिक कॉम्पैक्ट बना दिया। खराब टोन, आप कहते हैं, नए तरीकों के साथ ऑब्जेक्ट प्रोटोटाइप को लिट करने के लिए।

यह राय कहां से आई? क्योंकि सभी वस्तुओं को यह संपत्ति विरासत में मिलेगी, जो प्रोटोटाइप के सामान्य संशोधन के साथ, for..in में एनुमरेटेड हो जाती है। जब आप ऊपर वर्णित करते हैं, तो आपको मेरा दिल गर्म हो जाता है, अर्थात्, असंख्य विवरणक की संपत्ति। वास्तव में, इस तरह से प्रोटोटाइप का विस्तार करना:

 Object.defineProperty( Object.prototype, 'logOk' { value: function() { console.log('ok') }, enumerable: false });

सभी वस्तुओं को यह विधि प्राप्त होगी, लेकिन एक ही समय में यह गैर-गणना योग्य होगी (यदि आपको ऐसी संपत्ति है, तो यह जांचने के लिए हर बार hasOwnProperty का उपयोग करने की आवश्यकता नहीं है):

 var o = {a: 1, b: 2} for( var i in o ) console.log( i, o[ i ] ); > a 1 > b 2 o.logOk(); > ok

दरअसल, मैं यहां किसके लिए आ रहा हूं।

सबसे पहले, हम परिभाषित विधि को परिभाषित करते हैं, ताकि हर बार जब मैं अपनी राय में, निर्माण में अतिभारित न कहूं। दूसरा, एक विस्तारनोट विधि को परिभाषित करें जो गैर-एन्यूमरबल गुणों के साथ एक वस्तु का विस्तार करता है।

 Object.defineProperties( Object.prototype, { define: { value: function( key, descriptor ) { if( descriptor ) { Object.defineProperty( this, key, descriptor ); } else { Object.defineProperties( this, key ); } return this; }, enumerable: false }, extendNotEnum: { value: function( key, property ) { if( property ) { this.define( key, { value: property, enumerable: false, configurable: true }); } else { for( var prop in key ) if( key.hasOwnProperty( prop ) ){ this.extendNotEnum( prop, key[ prop ] ); } } }, enumerable: false } });

का उपयोग करें:

 var o = { a: 1 }; o.define( 'randomInt', { get: function() { return 42; } }); o.extendNotEnum({ b: 2; }); for( var i in o ) console.log( i, o[ i ] ); > a 1 > randomInt 42 console.log( ob ); > 2

और वह चली गई ... दो और सुविधाजनक तरीके:

 Object.prototype.extendNotEnum({ extend: function() { var args = Array.prototype.slice.call( arguments ); args.unshift( this ); return $.extend.apply( null, args ); //  jQuery ,      }, each: function( callback ) { return $.each( this, callback ); //  } });

 o.extend({c: 3}); //       o.each(function( key, value ) { //    $.each,      });

आप नए गुण ऐड इनफ़िनिटम जोड़ सकते हैं, इसके लिए कोई भी आपका हाथ नहीं काटेगा।

निष्कर्ष

बांका खेलो, जावास्क्रिप्ट में लिखें, जो बेहतर और बेहतर हो रहा है।

(यदि आप एक टाइपो या अशुद्धि नोटिस करते हैं, तो कृपया व्यक्तिगत रूप से संपर्क करें)

Object.defineProperty या कोड को थोड़ा बेहतर कैसे बनाया जाए

निष्कर्ष

More articles: