प्रारंभिक फ़ंक्शन में ईवेंट श्रोता में प्रोटोटाइप फ़ंक्शन कैसे जोड़ सकता हूं?

Question

मुझे यकीन है कि वास्तव में कैसे मेरे सवाल वाक्यांश के लिए, तो मुझे एक उदाहरण पेश करते हैं नहीं कर रहा हूँ:

function foo() { 
    window.addEventListener("keydown", function(event) { 
     bar(event.keycode); 
} 

foo.prototype.bar = function (keycode) { 
//code 
} 

मैं this.bar() उपयोग करने की कोशिश की है, लेकिन है कि windowthis के रूप में प्रयोग का परिणाम है। क्या ऐसा करने का कोई तरीका है, या मुझे मैन्युअल रूप से एक और प्रारंभिक विधि कॉल करना होगा?

Answer 1

बाइंड this.bar से this इससे पहले कि आप इसे पारित करें।

function foo() { 
    window.addEventListener("keydown", this.bar.bind(this), false); 
} 


foo.prototype.bar = function (event) { 
    console.log(event.keyCode); 
} 

डेमो http://jsfiddle.net/2tee4/

Answer 2

एक वैकल्पिक समाधान अगर आप Function.prototype.bind उपलब्ध * की जरूरत नहीं है, और आप Function.prototype करने के लिए अतिरिक्त कार्यों को जोड़ने में होगा this.bar को कॉल पर बंद करने के लिए तैयार नहीं कर रहे हैं:

function foo() { 
    var self; 
    self = this; 
    window.addEventListener('keydown', function (e) { 
     self.bar(e); 
    }, false); 
} 
foo.prototype.bar = function (e) { 
    console.log(e.keyCode); 
} 

_{* हालांकि attachEvent बिना addEventListener के आपके उपयोग मुझे विश्वास है कि Function.prototype.bind एक acce होगा ptable पसंद}

---

इसके अतिरिक्त, jQuery के रूप में पुस्तकालयों bind के अपने स्वयं के रूप में शामिल हो सकते, jQuery के jQuery.proxy है।

Answer 3

आपका इरादा हर foo बनाई गई के लिए एक नया श्रोता जोड़ने के लिए है, तो एक और विकल्प fooEventListener इंटरफ़ेस को लागू करने के लिए, और बस संचालक के स्थान पर this पार जाते हैं।

function Foo() { 
    window.addEventListener("keydown", this, false); 
} 

Foo.prototype.bar = "foobar"; 

Foo.prototype.handleEvent = function(e) { 
    console.log(e.type); // "mousedown" (for example) 
    console.log(this.bar); // "foobar" 
}; 

new Foo(); 

ध्यान दें कि यह केवल addEventListener() के साथ काम करता है।

डेमो:http://jsfiddle.net/k93Pr/