एलिसिंग इंटरफेस संपत्ति

Question

क्या यह उपनाम के लिए संभव है HTMLElement.offsetWidth संपत्ति, उसी तरह मैं तरह

EventTarget.prototype.on = EventTarget.prototype.addEventListener 

तरीकों उर्फ ​​कर सकते हैं मैंने कोशिश की:

HTMLElement.prototype.w = HTMLElement.prototype.offsetWidth 

लेकिन मिल गया:

TypeError: 'offsetWidth' getter called on an object that does not implement interface HTMLElement.

Answer 1

offsetWidth एक संपत्ति है, और जब आप

करना

HTMLElement.prototype.offsetWidth 

वास्तव में get फ़ंक्शन को कॉल कर रहा है, इसलिए जब आप प्रोटोटाइप पर आज़माते हैं - आपको त्रुटि मिलती है।

तो आप संपत्ति निर्दिष्ट नहीं कर सकते हैं, इसके बजाय आप get descriptor for this property सभी सेटिंग्स के साथ, और फिर define property इस वर्णनकर्ता के साथ, लेकिन जिस नाम से आप चाहते हैं उसके साथ।

var descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, "offsetWidth"); 
 
Object.defineProperty(HTMLElement.prototype, "w", descriptor); 
 

 
var p = document.getElementById('p'); 
 

 
console.log('offsetwidth=%i, w=%i',p.offsetWidth,p.w);

<p id='p'>123</p>

और फिर आप मौजूदा HTMLElement पर नए w संपत्ति कॉल कर सकते हैं।

आपकी टिप्पणी के लिए अपडेट करें।

यदि आप ऑब्जेक्ट में फ़ंक्शन जोड़ना चाहते हैं और () के बिना इसे कॉल करना चाहते हैं तो आपको गेटर के साथ संपत्ति को परिभाषित करना चाहिए।

नमूने के साथ गुणों के बारे में अधिक जानकारी के लिए दस्तावेज़ में देखें: MDN : Object.defineProperty()

Object.defineProperty(HTMLElement.prototype, "x", { 
 
    get: function() { return this.getBoundingClientRect().left } 
 
}); 
 

 
var p = document.getElementById('p'); 
 

 
console.log('left=%i, x=%i',p.getBoundingClientRect().left,p.x);

<p id='p'>123</p>