Ben bir işlev a sahip Nasıl "Bu"

Question

varsayalım pencere setInterval geçmek:

function a() { 
    this.b = 1; 
    this.set = setInterval(function() {console.log(this.b);}, 200); 
} 

Yani a.set() çağrıldığında anonim işlev çağrılır. Ancak, bu işlev, fonksiyonun pencere nesnesine yönlendirildiği zaman bu şekilde çalışmayacaktır. Ayrıca, a.b'yi birden çok örneği olabileceğinden kullanmak da iyi bir fikir değildir.

Bu sorun için iyi bir çözüm nedir?

Answer 1

mağazası this bir referans:

function a() { 
    var self = this; 
    self.b = 1; 
    self.set = setInterval(function() {console.log(self.b);}, 200); 
} 

anonim fonksiyonu setInterval geçmek de ihtiva kapsamında, diğer bir deyişle, function a() herhangi bir lokal değişkenler herhangi bir değişken erişimi vardır. JS kapanışlarının büyüsü, a() tamamlandıktan sonra bile bu değişkenleri canlı tutar ve her bir a() çağrısının kendi kapanması olur.

Answer 2

this referans numaranızı başka bir değişkendeki kaydet, daha sonra window -kartı ile geçersiz kılmayın. Daha sonra, başladığınız nesneyi referans almak için bu değişkeni kullanabilirsiniz. Senin durumunda

function a() { 
    this.b = 1; 
    var that = this; 
    this.set = setInterval(function() {console.log(that.b);}, 200); 
} 

Answer 3

, sadece yapabilirsiniz:

function a() { 
    var _this = this; 
    this.b = 1; 
    this.set = setInterval(function() { 
     console.log(_this.b); 
    }, 200); 
} 

Normalde biz de bir yardımcı yöntemini Function.prototype.bindthis referans düzeltme zorunda olabilir.

Answer 4

çoğu zaman gerçekte ardışık yöntem için bu bağlam geçiş yapmak istediğiniz beri bu, en temiz çözüm olacaktır çağırır:

// store scope reference for our delegating method 
    var that = this; 
    setInterval(function() { 
     // this would be changed here because of method scope, 
     // but we still have a reference to that 
     OURMETHODNAME.call(that); 
    }, 200); 

Answer 5

şimdi ES6 olduğundan, biz burada başka bir yanıt gerektiğini düşünüyorum :

bir ok işlevi kullanın: bir this bağlama sahip olmayan, zıt Normal işlevlerine,

function a() { 
    this.b = 1; 
    this.set = setInterval(() => {console.log(this.b);}, 200); 
} 

ok fonksiyonlarını onların kendi. Bu, dış this erişiminiz olduğu anlamına gelir.