メンバー関数コールバックでオブジェクトを取得する

Question

コールバックとして関数に渡したいメソッドを持つオブジェクトがあります。しかし、コールバックの内部では、thisはもはや自分のオブジェクトを参照しません。何故なの？

私は、関数リテラルを渡すときに問題を回避するために変数を使用して精通よ：

var obj = { 
    a: function() { 
     var me = this; 

     console.log(this); 

     setTimeout(function() { 
      console.log(this); // Not obj 
      console.log(me); // This works! 
     }, 100); 
    } 
}; 

私はこのケースでは、それを解決することができますか？

var obj = { 
    b: function() { 
     setTimeout(this.callback, 100); 
    }, 
    callback: function() { 
     console.log(this); // =(
    } 
}; 

Answer 1

はい、thisはJavascriptで扱いにくいことがあります。問題は、その値がhow you call the functionに依存していることです。

obj.callback(); //ok 

var f = obj.callback; 
f(); //does not look like a method call 
    //Javascript does not pass the this! 

あなたはBで行ったように、通常の回避策は、（あなたが時々あまりにもself）

var that = this; 
setTimeout(function(){ return that.callback(); }, 300); 

他の代替を参照してくださいme変数の共通名がthatであることを除いて、）ラッパーコールバックを渡しています関数からそのバインドはIE 8でサポートされていない

setTimeout(this.callback.bind(this) , 300) 

注意をbindメソッドを使用することです（あなたがでシムが必要になる場合がありますその場合）。より多くの場合

---

：Function.prototype.bindはECMAScript5の一部である

Maintaining the reference to "this" in Javascript when using callbacks and closures