कॉलर फ़ंक्शन के 'यह' मूल्य कैसे प्राप्त करें?

Question

अगर मैं इस तरह एक समारोह है:

function foo(_this) { 
    console.log(_this); 
} 

function bar() {} 
bar.prototype.func = function() { 
    foo(this); 
} 

var test = new bar(); 
test.func(); 

तो bar की test उदाहरण लॉग होता है।

हालांकि, इसके लिए काम करने के लिए मुझे फ़ंक्शन में this पास करना होगा। मैं सोच रहा था कि this पास बिना this मान प्राप्त करना संभव है या नहीं।

मैंने arguments.callee.caller का उपयोग करने का प्रयास किया, लेकिन यह प्रोटोटाइप फ़ंक्शन को वापस लौटाता है और प्रोटोटाइप फ़ंक्शन के अंदर this मान नहीं देता है।

क्या प्रोटोटाइप फ़ंक्शन में केवल foo() पर कॉल करके bar का उदाहरण लॉग करना संभव है?

Answer 1

तो सवाल यह है कि उसके बाद का जवाब 'इस गुजर (किसी भी तरह से) के बिना' कोई

फ़ायदेमंद साबित हो सकती है हालांकि वैकल्पिक तरीकों से पारित किया गया। उदाहरण के लिए वैश्विक var (बार कक्षा के भीतर) या सत्र या कुकीज़ का उपयोग कर।

function bar() { 

     var myThis; 

     function foo() { 
      console.log(myThis); 
     } 

     bar.prototype.func = function() { 

      myThis = this; 
      foo(); 
     } 
    } 

    var test = new bar(); 
    test.func(); 

Answer 2

मैं bar के संदर्भ में foo बुला लगता है कि काम करना चाहिए:

function foo() { 
    console.log(this.testVal); 
} 

function bar() { this.testVal = 'From bar with love'; } 
bar.prototype.func = function() { 
    foo.call(this); 
} 

var test = new bar(); 
test.func(); //=> 'From bar with love' 

Answer 3

आप बाहरी फ़ंक्शन को बदलने के बिना ऐसा कर सकते हैं, लेकिन आपको इसे कॉल करने के तरीके को बदलना होगा।

आप कॉलर का संदर्भ नहीं प्राप्त कर सकते हैं, लेकिन आप apply या call विधि के साथ कॉल किए गए फ़ंक्शन पर this प्रॉपर्टी सेट कर सकते हैं। this पर स्पष्टीकरण के लिए this reference देखें।

function foo() 
{ 
    console.log(this); 
} 

function bar() 
{ 
    bar.prototype.func = function func() 
    { 
     foo.apply(this); 
    }; 
} 

var test = new bar(); 
test.func(); 

आमतौर पर अगर this प्रयोग किया जाता है, यह एक वस्तु उन्मुख संदर्भ में है। किसी ऑब्जेक्ट की किसी अन्य विधि को कॉल करने का प्रयास करने से यह खराब डिज़ाइन का संकेत दे सकता है। अधिक लागू डिज़ाइन पैटर्न के लिए आप जो कुछ हासिल करने की कोशिश कर रहे हैं, उसे थोड़ा और समझाएं।

जावास्क्रिप्ट ओओपी प्रतिमान के उदाहरण के लिए, my answer here देखें।

Answer 4

इसके बारे में क्या?

"use strict"; 
var o = { 
    foo : function() { 
     console.log(this); 
    } 
} 

function bar() {} 
bar.prototype = o; 
bar.prototype.constructor = bar; 
bar.prototype.func = function() { 
    this.foo(); 
} 

var test = new bar(); 
test.func(); 

या इस:

"use strict"; 
Function.prototype.extender = function(o){ 
    if(typeof o == 'object'){ 
     this.prototype = o; 
    }else if (typeof o == 'function') { 
     this.prototype = Object.create(o.prototype); 
    }else{ 
     throw Error('Error while extending '+this.name); 
    } 
    this.prototype.constructor = this; 
} 
var o = { 
    foo : function() { 
     console.log(this); 
    } 
} 

function bar() {} 
bar.extender(o); 
bar.prototype.func = function() { 
    this.foo(); 
} 

var test = new bar(); 
test.func();