प्रोटोटाइप इनहेरिटेंस

अन्य डेटा टाइप की तरह, ऑब्जेक्ट, पहले से मौजूद Object प्रोटोटाइप से प्रॉपर्टी और मेथड इनहेरिट करता है, इसका मतलब है कि नतीजे में मिलने वाले ऑब्जेक्ट में आपकी तय की गई प्रॉपर्टी और एक ऐसी प्रोटोटाइप प्रॉपर्टी जिसमें प्रोटोटाइप से इनहेरिट किए गए तरीके हों:

let myObject = {
   
'booleanValue' : true
};

myObject
;
> Object { booleanValue: true }
    booleanValue
: true
   
[[prototype]]: Object { }
            __defineGetter__
: function __defineGetter__()
            __defineSetter__
: function __defineSetter__()
            __lookupGetter__
: function __lookupGetter__()
            __lookupSetter__
: function __lookupSetter__()
            __proto__
:
                constructor
: function Object()
                hasOwnProperty
: function hasOwnProperty()
                isPrototypeOf
: function isPrototypeOf()
                propertyIsEnumerable
: function propertyIsEnumerable()
                toLocaleString
: function toLocaleString()
                toString
: function toString()
                valueOf
: function valueOf()
               
<get __proto__()>: function __proto__()
               
<set __proto__()>: function __proto__()

प्रोटोटाइप प्रॉपर्टी को सीधे प्रॉपर्टी कुंजी से ऐक्सेस नहीं किया जाना चाहिए. जैसे आप पिछले उदाहरण में देख सकते हैं कि [[prototype]] में बताया गया है कि या ब्राउज़र में इस्तेमाल होने वाला <prototype> नोटेशन के डेवलपर कंसोल और प्रोटोटाइप की प्रॉपर्टी कुंजी के लिए दस्तावेज़:

// Chrome:
let emptyObject
= {};

emptyObject
;
> {}
 
[[prototype]]: Object
// Firefox:
let emptyObject
= {};

emptyObject
;
> Object {  }
 
<prototype>: Object { }

हालांकि, सभी सामान्य ब्राउज़र __proto__ को असल स्टैंडर्ड के तौर पर इस्तेमाल करते हैं, लेकिन यह यह औपचारिक तौर पर एक मानक है. प्रोडक्शन कोड में इसका इस्तेमाल नहीं किया जाना चाहिए.

let emptyObject = {};

emptyObject
.__proto__;
> Object { }
    __defineGetter__
: function __defineGetter__()
    __defineSetter__
: function __defineSetter__()
    __lookupGetter__
: function __lookupGetter__()
    __lookupSetter__
: function __lookupSetter__()
    __proto__
:
        constructor
: function Object()
        hasOwnProperty
: function hasOwnProperty()
        isPrototypeOf
: function isPrototypeOf()
        propertyIsEnumerable
: function propertyIsEnumerable()
        toLocaleString
: function toLocaleString()
        toString
: function toString()
        valueOf
: function valueOf()
       
<get __proto__()>: function __proto__()
       
<set __proto__()>: function __proto__()

इसके बजाय, किसी ऑब्जेक्ट के [[Prototype]] को सीधे ऐक्सेस किया जा सकता है और उसमें बदलाव किया जा सकता है पहले से मौजूद Object.getPrototypeOf() और Object.setPrototypeOf() का इस्तेमाल करके तरीका:

let myObj = { "value" : 5 };
let protoParent
= { "protoValue" : true };

myObj
;
Object { value: 5 }
    value
: 5
   
<prototype>: Object { }

Object.getPrototypeOf( myObj );
> Object { }
    __defineGetter__
: function __defineGetter__()
    __defineSetter__
: function __defineSetter__()
    __lookupGetter__
: function __lookupGetter__()
    __lookupSetter__
: function __lookupSetter__()
    __proto__
:
    constructor
: function Object()
    hasOwnProperty
: function hasOwnProperty()
    isPrototypeOf
: function isPrototypeOf()
    propertyIsEnumerable
: function propertyIsEnumerable()
    toLocaleString
: function toLocaleString()
    toString
: function toString()
    valueOf
: function valueOf()
   
<get __proto__()>: function __proto__()
   
<set __proto__()>: function __proto__()

Object.setPrototypeOf( myObj, protoParent );
> Object { value: 5 }
    value
: 5
   
<prototype>: Object { protoValue: true }

इनहेरिट की गई प्रॉपर्टी और लेखक के हिसाब से तय की गई प्रॉपर्टी के बीच अंतर करने के लिए, बाद वाले कोड को आम तौर पर ऑब्जेक्ट की "अपनी प्रॉपर्टी" कहा जाता है.

अगर बताई गई प्रॉपर्टी है, तो बिल्ट-इन Object.hasOwn() तरीका true दिखाता है ऑब्जेक्ट की सीधी प्रॉपर्टी है और अगर प्रॉपर्टी इनहेरिट की गई है, तो false या मौजूद नहीं है. जब भी हो सके, Object.hasOwn() का इस्तेमाल करें इनहेरिट की गई hasOwnProperty()मेथड के बजाय, जो Google पर Object.create().

let myObject = {
   
'myValue' : 100
};

Object.hasOwn( myObject, 'myValue' );
> true

myObject
.__proto__; // The Object prototype inherited by `myObject` is present:
> Object { }

Object.hasOwn( myObject, '__proto__' ); // The Object prototype inherited by `myObject` is not an "own property:"
> false

देखें कि आपको कितना समझ आया है

आपको __proto__ का इस्तेमाल क्यों नहीं करना चाहिए?

यह कई ब्राउज़र पर काम नहीं करता है.
यह मानक के मुताबिक नहीं है.
इससे, आने वाले समय में आपके कोड को मैनेज करने वाले उपयोगकर्ताओं को भ्रम हो सकता है.