コールバック関数

Question

に私はWebサービスへのAJAX要求を行うため、このコードを持っている「この」の値。

handleReceive関数の最初の行に "reqが定義されていません"という問題があります。それは4回呼び出されるので、私は上記のコードがサーバーに要求を送信することを知っています。

どうすればこの問題を解決できますか？

Answer 1

クラシッククロージャー問題。コールバックを取得すると、クロージャは実際には既にHTTPオブジェクトを参照しています。

あなたは、誰かが示唆するように次の操作を行うことができます。

var that = this; 
this.req.onreadystatechange = function() { this.handleReceive.apply(that, []); }; 

か、単に次のようにします。

var that = this; 
this.req.onreadystatechange = function() { that.handleReceive(); }; 

Answer 2

あなたはMyCodeでこれに変数参照元をmakeingことにより、これを解決することができます。 Like

var MyCode = { 
    req: new XMLHttpRequest(), // firefox only at the moment 

    self = this 

    ... 
} 

次に、この代わりに自己を参照することができます。

Answer 3

変更この：これに

this.req.onreadystatechange = this.handleReceive; 

：

var self = this; 
this.req.onreadystatechange = function() { self.handleReceive(); } 

これはあなたの問題を解決する必要があるクロージャを作成します。あなたは

var that = this; 
this.req.onreadystatechange = function() { this.handleReceive.apply(that, []); }; 

に

this.req.onreadystatechange = this.handleReceive; 

を変更することにより、それを動作させることができるはず

Answer 4

Function.prototype.applyのは、明示的にthisと関数の引数ながら機能を呼び出すために使用することができます。