JavascriptのsetIntervalと`this`の解決法

質問

私は this から setInterval ハンドラ

prefs: null,
startup : function()
    {
        // init prefs
        ...
        this.retrieve_rate();
        this.intervalID = setInterval(this.retrieve_rate, this.INTERVAL);
    },

retrieve_rate : function()
    {
        var ajax = null;
        ajax = new XMLHttpRequest();
        ajax.open('GET', 'http://xyz.com', true);
        ajax.onload = function()
        {
            // access prefs here
        }
    }

この.prefsにアクセスするには ajax.onload ?

どのように解決するのですか？

setIntervalの行は以下のようになります。

 this.intervalID = setInterval(
     (function(self) {         //Self-executing func which takes 'this' as self
         return function() {   //Return a function in the context of 'self'
             self.retrieve_rate(); //Thing you wanted to run as non-window 'this'
         }
     })(this),
     this.INTERVAL     //normal interval, 'this' scope not impacted here.
 ); 

編集 : 同じ原理で、" onload にも当てはまります。 この場合、quot;outer" のコードはほとんど何もしないのが普通で、ただリクエストをセットアップして、それを送信するだけです。 この場合、上記のコードのような追加関数による余分なオーバーヘッドは必要ありません。 あなたのretrieve_rateはもっとこのように見えるはずです。

retrieve_rate : function()
{
    var self = this;
    var ajax = new XMLHttpRequest();
    ajax.open('GET', 'http://xyz.com', true);
    ajax.onreadystatechanged= function()
    {
        if (ajax.readyState == 4 && ajax.status == 200)
        {
            // prefs available as self.prefs
        }
    }
    ajax.send(null);
}