Javascript： 'this'を関数パラメータとして渡した場合、オブジェクトフィールドは未定義です

Question

私はページコントローラPageのようなものを持っていますが、モデルTimを使用し、Pageコントローラからコールバックします。

ここで何が起こっているのか教えてください。

のコードは以下のようになります。それはundefinedない場合であるので、

//the model: 
var Tim = function(){}; 
Tim.prototype.setDuration = function (duration) { 
    this._duration = duration; 
}; 
Tim.prototype.count = function(doSomething) { 
    doSomething(this) 
} 

//the Page controller: 
var Page = function(tim){ 
    this.tim = tim; // initialisation of this.tim 
}; 
Page.prototype.init = function() { 
    this.tim.count(this.pollStatus); 
}; 
Page.prototype.pollStatus = function(tim) { 
    this.tim = tim; // I still have to assign this.tim for the second time 
    $.ajax({ 
      url: 'http://end/point', 
      type: "GET", 
      success: function (data) { 
       this.tim.setDuration(data.duration); 
      }.bind(this) 
    }); 
} 
$(document).ready(function() { 
    var tim = new Tim(); 
    var page = new Page(tim); 
    page.init(); 
}) 

私は、this.tim 2回を割り当てる必要があります。

Answer 1

あなたはdoSomethingのコンテキストがグローバルであり、内部のthisがwindowあるdoSomething(this)

で

Tim.prototype.count = function(doSomething) { 
    doSomething(this) 
} 

を呼び出します。

あなたはbindが何であるかを知っている、それを使用する：

Page.prototype.init = function() { 
    this.tim.count(this.pollStatus.bind(this)); 
}; 

Page.prototype.pollStatus = function(tim) { 
    //this.tim = tim; now the code works without this assignment 
    ...