Arayan işlevinin 'bu' değerini nasıl alırsınız?

Question

Böyle bir işlevi varsa:

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

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

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

sonra bar ait test örneği açmış olur.

Ancak, bunun çalışması için bar.prototype.func işlevinde this iletmem gerekiyor. this'u geçmeden olmadandeğeri değerini almanın mümkün olup olmadığını merak ediyordum.

arguments.callee.caller kullanmayı denedim, ancak bu, prototip işlevinin içinde this değerinin değil prototip işlevinin kendisini döndürür.

bartest örneğinin prototip işlevinde yalnızca foo() numaralı telefonu arayarak loglanması mümkün mü?

Answer 1

Eğer cevap ardından '(herhangi bir yöntemle) Bu geçmeden' hayır

değer olabilir olduğunu Ancak alternatif yöntemlerle geçti. Örneğin, global var (Bar sınıfında) veya oturum veya çerezleri kullanarak.

function bar() { 

     var myThis; 

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

     bar.prototype.func = function() { 

      myThis = this; 
      foo(); 
     } 
    } 

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

Answer 2

Ben çalışması gerekir bar kapsamında foo arayarak düşünüyorum: sorudur

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

Bunu, harici işlevi değiştirmeden yapabilirsiniz, ancak sizin arama şeklinizi değiştirmeniz gerekir.

Arayanın bağlamını alamıyorsunuz, ancak apply veya call yöntemiyle çağıran bir işleve this özelliğini ayarlayabilirsiniz. this'da bir açıklama için this reference'a bakın. this kullanıldığında

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

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

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

Genellikle, bir nesne yönelimli bağlamda var. Bir nesnenin bir yöntemini başka biriyle çağırmaya çalışmak, zayıf tasarımı gösterebilir. Daha uygulanabilir tasarım kalıpları için elde etmeye çalıştığınız şeyleri biraz daha açıklayın.

Javascript OOP paradigmasının bir örneği için, my answer here'u kontrol edin.

Answer 4

Buna ne dersiniz?

"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(); 

Ya da bu:

"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();