प्रोटोटाइप, प्रोटो और नए ऑपरेटर

इस लेख में, मैं संक्षेप में उदाहरणों में बताऊंगा कि __proto__, प्रोटोटाइप गुण और जावास्क्रिप्ट में नए ऑपरेटर के संचालन क्या हैं।

__Proto__ संपत्ति

जावास्क्रिप्ट में किसी भी वस्तु के पास __proto__ संपत्ति है। यह एक छिपी हुई प्रणाली संपत्ति है, और उपयोगकर्ता के लिए उपलब्ध भाषा के सभी कार्यान्वयन में नहीं।
जब किसी वस्तु की किसी भी संपत्ति तक पहुंच होती है, तो यह सबसे पहले वस्तु में ही खोजा जाता है:

var obj = {ownProperty: 1}; console.log(obj.ownProperty);// 1 

लेकिन अगर यह नहीं है, तो खोज __proto__ संपत्ति में होती है:

 obj.__proto__ = {propertyOfProto: 2}; console.log(obj.propertyOfProto);// 2 

यदि यह नहीं है, तो इसे श्रृंखला के नीचे खोजा जाता है:

 obj.__proto__.__proto__ = {propertyOfProtosProto: 3}; console.log(obj.propertyOfProtosProto);// 3 

इस श्रृंखला को प्रोटोटाइप श्रृंखला कहा जाता है।



किसी भी मूल्य के __proto__ (शून्य और अपरिभाषित को छोड़कर) इसी डेटा प्रकार के प्रोटोटाइप को संदर्भित करता है:

 (0).__proto__ === Number.prototype && false.__proto__ === Boolean.prototype && "string".__proto__ === String.prototype && (new Date).__proto__ === Date.prototype && (function(){}/* new Function */).__proto__ === Function.prototype 

सभी डेटा प्रकार ऑब्जेक्ट से प्राप्त होते हैं, जिसका अर्थ उदाहरण के लिए है:

 Number.prototype.__proto__ === Object.prototype 

और अंत में, श्रृंखला का अंत:

 Object.prototype.__proto__ === null 

प्रोटोटाइप संपत्ति

लेकिन फिर प्रोटोटाइप संपत्ति क्या है? यह एक सामान्य संपत्ति है, जो किसी अन्य संपत्ति से अलग नहीं है। दो सुविधाओं को छोड़कर:

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



2) प्रोटोटाइप प्रॉपर्टी का उपयोग नए ऑपरेटर के साथ नई ऑब्जेक्ट बनाते समय किया जाता है।

नया संचालक

यह कथन निम्नलिखित है:

1) एक खाली वस्तु बनाता है:

 var instance = {}; 

2) एक वर्ग समारोह के प्रोटोटाइप के संदर्भ में इस वस्तु को __proto__ सेट करता है:

 instance.__proto__ = FnClass.prototype; 

3) हमारे नए बनाए गए ऑब्जेक्ट के लिए एक क्लास फ़ंक्शन लागू करता है:

 constructorReturns = FnClass.apply(instance, arguments); 

(यानी, यह FnClass फ़ंक्शन को निष्पादित करता है, इसे एक उदाहरण के रूप में पारित करता है और एक तर्क सरणी के रूप में तर्क देता है)

4) यह एक वर्ग समारोह का एक उदाहरण देता है, लेकिन अगर FnClass ने हमें कोई वस्तु वापस दी, तो यह:

 return constructorReturns instanceof Object ? constructorReturns : instance; 

मैं एक क्लास फ़ंक्शन को एक फ़ंक्शन कहता हूं, जिसके बाद नए ऑपरेटर को लागू करने की उम्मीद की जाती है। ऐसे कार्यों को आमतौर पर पूंजीकृत किया जाता है।

अपनी स्क्रिप्ट में __proto__ का उपयोग करना

क्योंकि चूंकि __proto__ संपत्ति छिपी हुई है, और भाषा विनिर्देश में वर्णित नहीं है, इसलिए इसका स्पष्ट उपयोग गलत है। इसलिए कभी नहीं लिखें जैसा कि मैं ऊपर के उदाहरणों में हूं :) यह कोड केवल कंसोल के लिए है।
हालाँकि, दो विधियाँ नवीनतम (वर्तमान) ECMA स्क्रिप्ट 5 विनिर्देश में दिखाई दी हैं जो आपको __proto__ संपत्ति, Object.create और Object.getPrototypOf में हेरफेर करने की अनुमति देती हैं।
मैं उनके काम को दो सरल उदाहरणों में समझाऊंगा:

 //var myObj = {__proto__: {property1_OfProto: 1}} var myObj = Object.create({property1_OfProto: 1}); 

 //myObj.__proto__.property2_OfProto = 2 Object.getPrototypeOf(myObj).property2_OfProto = 2; 

यदि आप जावास्क्रिप्ट के पुराने संस्करण का उपयोग करते हैं, तो आप स्वयं Object.create विधि बना सकते हैं:

 if(!Object.create){ Object.create = function(proto){ var Fn = function(){}; Fn.prototype = proto; return new Fn; } } 

GetPrototypOf के साथ, स्थिति अधिक जटिल है, इसे केवल फ़ंक्शन के लिए अनुकरण किया जा सकता है, और केवल तभी जब इस फ़ंक्शन का निर्माता नहीं बदला गया हो:

 if(!Object.getPrototypeOf){ if( (new Object).__proto__ !== Object.prototype ){ // may return incorrect value if fn.prototype has been modified Function.getPrototypeOf = function(fn){ if(typeof(fn)!=='function') throw new TypeError('Function.getPrototypeOf called on non-function'); return fn.constructor.prototype; } }else{ Object.getPrototypeOf = function(obj){ return obj.__proto__; } } } 

और बेहतर है, जैसा कि टिप्पणियों में सलाह दी गई है, github.com/kriskowal/es5-shim लाइब्रेरी का उपयोग करें

अगला जावास्क्रिप्ट में कक्षाओं के बारे में है ...