जावास्क्रिप्ट प्रोटोटाइप ऑब्जेक्ट

Question

का उपयोग करते समय ईवेंट विधियों में "यह" कीवर्ड मैं एक ईवेंट हैंडलर में जावास्क्रिप्ट में प्रोटोटाइप क्लास के सदस्य चरों तक पहुंचने का प्रयास कर रहा हूं - कुछ ऐसा जो मैं आमतौर पर "इस" कीवर्ड का उपयोग करता हूं (या इवेंट हैंडलर के मामले में "वह" [इसकी प्रतिलिपि])। कहने की जरूरत नहीं है, मैं कुछ परेशानी में भाग रहा हूँ।

उदाहरण के लिए, इस HTML स्निपेट:

<a id="myLink" href="#">My Link</a> 

और यह जावा स्क्रिप्ट कोड:

function MyClass() 
{ 
    this.field = "value" 
    this.link = document.getElementById("myLink"); 
    this.link.onclick = this.EventMethod; 
} 

MyClass.prototype.NormalMethod = function() 
{ 
    alert(this.field); 
} 

MyClass.prototype.EventMethod = function(e) 
{ 
    alert(this.field); 
} 

एक MyClass वस्तु instantiating और NormalMethod बुला वास्तव में काम करता है जैसे मैं इसे करने के लिए (चेतावनी कहा, "उम्मीद मान "), लेकिन लिंक परिणामों को एक अपरिभाषित मान में क्लिक करना क्योंकि" यह "कीवर्ड अब ईवेंट लक्ष्य (एंकर() HTML तत्व का संदर्भ देता है)।

मैं प्रोटोटाइप जावास्क्रिप्ट शैली के लिए नए हूँ, लेकिन अतीत में, बंद के साथ, मैं बस "इस" निर्माता में की एक प्रतिलिपि बना दिया है:

var that = this; 

और फिर मैं सदस्यों को एक्सेस कर सका "उस" ऑब्जेक्ट के माध्यम से ईवेंट विधियों में चर। ऐसा प्रोटोटाइप कोड के साथ काम नहीं प्रतीत होता है। क्या यह हासिल करने का कोई और तरीका है?

धन्यवाद।

Answer 1

आपका "that=this" बंद मुहावरा अभी भी लागू होता है:

function MyClass() 
{ 
    ... 

    var that = this; 
    this.link.onclick = function() { 
     return that.EventMethod.apply(that, arguments); 

     // that.EventMethod() works too here, however 
     // the above ensures that the function closure 
     // operates exactly as EventMethod itself does. 

    }; 
} 

Answer 2

आप की कोशिश करनी चाहिए

this.link.onclick = this.EventMethod.bind(this); 

Answer 3

आप की जरूरत है:

this.link.onclick = this.EventMethod.bind(this); 

... 'बाँध' प्रोटोटाइप का हिस्सा है, और एक फ़ंक्शन देता है जो आपकी विधि को 'इस' सेट के साथ सही तरीके से कॉल करता है।

Answer 4

ऊपर बताए अनुसार, प्रोटोटाइप लाइब्रेरी का एक हिस्सा है जो बाइंड का उपयोग करना इस समस्या को हल करने का एक साफ तरीका है।

https://stackoverflow.com/a/2025839/1180286