オブジェクトをonreadystatechangeに渡す

Question

AJAXコールバックで、myFucntionのalert（）が「動作しました」をトリガーするようにしたいのですが、ajaxResponseのmyobjectオブジェクトをどのように参照できますか？

function myobject(){ 

this.val="worked"; 

http.onreadystatechange =function ajaxResponse() { 
if (http.readyState == 4) { 
this.myFunction(); 
} 

http.send(null); 

} 

myobject.prototype.myFunction=function(){ 
alert("it "+this.val); 
} 

Answer 1

ajaxResponseは、それがJavaScriptでクロージャと呼ばれています、親関数内の関数です。クロージャが親関数で定義された変数を使用する場合、この変数はメモリから破棄することはできませんが、父関数は実行を終了します。 だから、このように一時的な変数を定義します。

var objTmp = this; 

が次にあなたがajaxResponseでこの変数objTmpを使用することができます。 これは次のようにすることができます：

http.onreadystatechange = (function(objTmp){ 
         return 
          function ajaxResponse{alert(objTmp.value)} 
         })(this) 

Answer 2

ただ、このように、XHRオブジェクトに親オブジェクトを追加します。

http.parent = this; // Append it here 
http.onreadystatechange = function ajaxResponse() 
{ 
    if (http.readyState == 4) 
     alert(this.parent.value) // Access it here 
}