जावास्क्रिप्ट में ऑब्जेक्ट बनाना

जावास्क्रिप्ट का लचीलापन आपको कई तरह से ऑब्जेक्ट बनाने की अनुमति देता है। लेकिन जैसा कि अक्सर होता है, विविधता कई नुकसानों से भरी होती है। यह लेख आपको बताएगा कि इन खतरनाक भित्तियों को कैसे बनाना और घूमना है।

की आधारशिला

यह याद रखना उपयोगी होगा कि जावास्क्रिप्ट में कौन सी वस्तुएं हैं और उन्हें कैसे बनाया जा सकता है। जावास्क्रिप्ट में एक वस्तु सिर्फ कुंजियों और मूल्यों की एक हैश तालिका है। यदि मान बुनियादी प्रकार या अन्य ऑब्जेक्ट हैं, तो उन्हें गुण कहा जाता है ; यदि वे कार्य हैं, तो उन्हें ऑब्जेक्ट के तरीके कहा जाता है।

उपयोगकर्ता द्वारा बनाई गई वस्तुओं को स्क्रिप्ट के निष्पादन में किसी भी बिंदु पर बदला जा सकता है। भाषा में एम्बेडेड वस्तुओं के कई गुण भी परस्पर भिन्न होते हैं। यही है, आप बस एक खाली वस्तु बना सकते हैं और इसमें आवश्यकतानुसार गुण और तरीके जोड़ सकते हैं। ऐसा करने का सबसे आसान तरीका शाब्दिक अंकन है :

//   var cat = {}; // : cat.name = "Garfield"; // : cat.getName = function() { return cat.name; }; 

ऑब्जेक्ट बनाने के लिए एक अन्य तरीका है कंस्ट्रक्टर कार्यों का उपयोग करना:

 //  : var cat = {name: "Garfield"}; // -: var cat = new Object(); cat.name = "Garfield"; 

जाहिर है, शाब्दिक संकेतन निर्माणकर्ता की तुलना में कम है। डिजाइनरों को शाब्दिक संकेतन पसंद करने का एक दार्शनिक कारण भी है: यह इस बात पर जोर देता है कि एक वस्तु केवल एक परिवर्तनशील हैश है, और एक वर्ग द्वारा परिभाषित टेम्पलेट से बनाई गई कुछ नहीं है।

इसके अलावा, Object कंस्ट्रक्टर का उपयोग दुभाषिया को यह जांचने के लिए मजबूर करता है कि यह फ़ंक्शन स्थानीय संदर्भ में ओवरराइड है या नहीं।

ऑब्जेक्ट कंस्ट्रक्टर का नुकसान

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

 //  var o = new Object(); o.constructor === Object; // true var o = new Object(1); o.constructor === Number; //true var o = new Object("string"); o.constructor === String; //true //  ,       : typeof o.substring; // "function" 

Object कंस्ट्रक्टर के इस व्यवहार से अनपेक्षित परिणाम हो सकते हैं यदि हम रन टाइम में अज्ञात मूल्य से गुजरते हैं।

नैतिक स्पष्ट है: Object कंस्ट्रक्टर का उपयोग न करें।

खुद के निर्माता

हम अपने स्वयं के निर्माणकर्ताओं को परिभाषित कर सकते हैं। उनका उपयोग करना इस तरह दिखता है:

 var cat = new Cat("Garfield"); cat.say(); // "I am Garfield" 

सिंटैक्स जावा कंस्ट्रक्टर के समान है, लेकिन जावास्क्रिप्ट में, कंस्ट्रक्टर एक नियमित फ़ंक्शन है और इसलिए इसे इस तरह से परिभाषित किया गया है:

 var Cat = function(name) { this.name = name; this.say = function() { return "I am" + this.name; } } 

जब इस निर्माता को फ़ंक्शन के अंदर new ऑपरेटर के साथ बुलाया जाता है, तो निम्न होता है:

• एक खाली ऑब्जेक्ट बनाया जाता है जो this चर को इंगित करता है; यह ऑब्जेक्ट फ़ंक्शन प्रोटोटाइप को इनहेरिट करता है;
• इसमें संग्रहित वस्तु में गुण और विधियाँ जोड़ी जाती हैं;
• इसमें संग्रहित वस्तु को स्पष्ट रूप से फ़ंक्शन के अंत में लौटाया जाता है (क्योंकि हम स्पष्ट रूप से कुछ भी नहीं लौटाते हैं)।

सादगी के लिए, उदाहरण में, this ऑब्जेक्ट में कहा say() विधि जोड़ी जाती है। यह बहुत अच्छा नहीं है, क्योंकि हर बार new Person() को बुलाया जाता है, स्मृति में एक new Person() फ़ंक्शन बनाया जाएगा। चूँकि इस निर्माता द्वारा निर्मित सभी वस्तुओं के लिए say() विधि समान है, इसे Cat प्रोटोटाइप में जोड़ना बेहतर है:

 Cat.prototype.say = function() { return "I am " + this.name; }; 

इसके अलावा, यह कहना पूरी तरह से सही नहीं है कि this ऑब्जेक्ट, जो स्पष्ट रूप से कंस्ट्रक्टर में बनाया गया है, खाली है: यह Cat प्रोटोटाइप से विरासत में मिला है, हालांकि, प्रोटोटाइप का विचार इस लेख के दायरे से परे है।

कंस्ट्रक्टर क्या लौटाता है

new ऑपरेटर का उपयोग करते समय, निर्माता हमेशा एक वस्तु लौटाता है। डिफ़ॉल्ट रूप से, यह वह वस्तु है जिसे this संदर्भित करता है। निर्माणकर्ता this स्पष्ट रूप से देता है, हालाँकि, हम स्पष्ट रूप से किसी अन्य वस्तु को वापस कर सकते हैं, उदाहरण के लिए:

 var Cat = function() { this.name = "I am Garfield"; var that = {}; that.name = "I am Cat-woman"; return that; }; var cat = new Cat(); cat.name // "I am Cat-woman" 

इस प्रकार, हम निर्माता से किसी भी मूल्य को वापस कर सकते हैं, लेकिन केवल इस शर्त पर कि यह एक वस्तु है। यदि हम लौटने की कोशिश करते हैं, कहते हैं, एक स्ट्रिंग या false , तो यह त्रुटि नहीं होगी, लेकिन रिटर्न स्टेटमेंट को नजरअंदाज कर दिया जाएगा, और कंस्ट्रक्टर इसे वापस कर देगा।

कपटी नया

कंस्ट्रक्टर केवल new ऑपरेटर के साथ बुलाए गए कार्य हैं। यदि आप इस ऑपरेटर को भूल जाते हैं तो क्या होता है? दुभाषिया चेतावनी जारी नहीं करेगा, लेकिन यह तार्किक त्रुटियों को जन्म देगा। this चर प्रोटोटाइप निर्माता से विरासत में मिली वस्तु को इंगित नहीं करेगा, लेकिन एक वैश्विक वस्तु (एक ब्राउज़र के मामले में window ):

 function Cat() { this.name = "Garfield"; } //   var cat = new Cat(); typeof cat; // "object" cat.name; // "Garfield" // new: var cat = Cat(); typeof cat; // "undefined" window.name; // "Garfield" 

ECMAScript 5 मानक के सख्त मोड में , इस मामले में यह एक वैश्विक वस्तु की ओर इशारा नहीं करेगा। आइए देखें कि ECMAScript 5 उपलब्ध न होने पर इस त्रुटि से कैसे बचा जा सकता है।

नामकरण परंपराएँ

सबसे आसान तरीका है नामकरण कार्यों पर सम्मेलनों का सख्ती से पालन करना: हम एक लोअरकेस अक्षर ( myFunction() ), और एक कैपिटल MyConstruction() ) के साथ कंस्ट्रक्टर फ़ंक्शन के साथ साधारण कार्य शुरू करते हैं। दुर्भाग्य से, यह विधि लगभग कुछ भी नहीं बचाती है।

स्पष्ट वस्तु वापसी

कंस्ट्रक्टर किसी भी ऑब्जेक्ट को वापस कर सकते हैं। प्रोग्रामर इसका लाभ उठा सकते हैं:

 function Cat() { var that = {}; that.name = "Garfield"; return that; } 

चर नाम that मनमाने ढंग that चुना गया है, यह विनिर्देश का हिस्सा नहीं है। उसी सफलता के साथ, हम रिटर्न ऑब्जेक्ट को me या self या जो भी आपको पसंद करते हैं, कह सकते हैं।

सरल वस्तुओं के लिए, उदाहरण में बनाई गई एक की तरह, हम शाब्दिक अंकन का उपयोग करके अतिरिक्त चर के बिना पूरी तरह से कर सकते हैं:

 function Cat() { return { name: "Garfield" }; } 

इस तरह के एक निर्माता हमेशा एक वस्तु लौटाएगा, भले ही इसे कैसे कहा जाए:

 var first = new Cat(), second = Cat(); first.name; // "Garfield" second.name; // "Garfield" 

इस पद्धति में एक गंभीर खामी है: ऑब्जेक्ट कंस्ट्रक्टर के प्रोटोटाइप को विरासत में नहीं लेता है, अर्थात, Cat सीधे जोड़े गए तरीकों और गुणों का उपयोग करने के लिए बनाई गई वस्तुओं के लिए दुर्गम होगा।

स्व-निर्मित निर्माणकर्ता

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

 function Cat() { if (!(this instanceof Cat)) { return new Cat(); } this.name = "Garfield"; } Cat.prototype.meow = "Meow!"; var first = new Cat(), second = Cat(); first.name; // "Garfield" second.name; // "Garfield" first.meow; // "Meow!" second.meow; // "Meow!" 

यदि बाद में हमारे निर्माता का नाम बदल दिया जाता है, तो आपको उसके शरीर को संपादित करना होगा। आप कंस्ट्रक्टर के नाम के बजाय arguments.callee जाँच करके इससे बच सकते हैं:

 if (!(this instanceof arguments.callee)) { return new arguments.callee(); } 

यहां हमने इस तथ्य का लाभ उठाया कि प्रत्येक फ़ंक्शन के अंदर एक arguments ऑब्जेक्ट बनाया जाता है, जिसमें कॉल के समय फ़ंक्शन को दिए गए सभी पैरामीटर शामिल होते हैं। इस ऑब्जेक्ट की callee संपत्ति को फ़ंक्शन को कॉल करने के लिए इंगित करता है। लेकिन यहां आपको सावधान रहने की आवश्यकता है: सख्त ईसीएमएस्क्रिप्ट 5 मोड इस संपत्ति तक TypeError समय एक TypeError अपवाद छोड़ देता है, इसलिए आपको रिफ्लेक्टरिंग सुविधा और उज्ज्वल कल के बीच चयन करना चाहिए।

एक निष्कर्ष के बजाय

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