对象、它们的实例和 setTimeOut 效果

Question

所以我正在尝试学习 JavaScript 中的面向对象编程。

function doStock() {    //my class
var that = this;
var nAntiFreeze = null;   // timeout ID
var getContent = function(oInPageContainer) {  
    GM_log('Antifreeze, before clear ' +nAntiFreeze);
    //clearTimeout(nAntiFreeze);
    GM_log('Antifreeze, after clear ' +nAntiFreeze);
};

return {
    sLink : "",
    oList : "",
    sSplitOperator : ";",
    reset : function() {
        this.sLink = '';
        this.oList = '';
        this.sSplitOperator = ';';
        nAntiFreeze = null;
    },
    loadPage : function() {
        if (this.sLink.length == 0) return;
        if (this.oList.length == 0) return;
        nAntiFreeze = setTimeout(function(){GM_log(that); that.loadPage();},30000);
        GM_log('antifreeze ' + nAntiFreeze);
        getPageAsync2(this.sLink,false,getContent);  //GM_xmlhttprequest
    }
}

};

我的脚本在 FireFox 4 中的 GreaseMonkey 上运行。在我的代码中，我使用上面的函数/类来创建一个对象，如下所示。

var oStocker = new doStock();
oStocker.sLink = 'www.somepage.com';
oStocker.oList = 'some list, may be a string line or the array object';
oStocker.loadPage();

getPageAsync2 函数调用 GM_xmlhttprequest，然后将 div 容器内的结果页面内容返回给回调函数。

首先，一般问题：在我调用 clearTimeOut 函数后，nAntiFreeze 的值没有重置为 null 或任何其他值。这是正常的吗？

第二个问题：为什么当超时时，我收到错误 that.loadPage() is not a function？ GM_log(that) 告诉我[object Object]。

这个问题上的一个人能够通过使用 var that = this 来使其工作。但为什么它对我不起作用？ 带有 setTimeout 的自定义对象调用方法失去范围

编辑：第三个问题：如果我创建一百万个对象会发生什么。当它们完成工作后，浏览器会删除它们吗？因为我确实无法释放它们，因为该对象使用异步 ajax 调用，这意味着我无法执行

var oStocker = new doStock();
oStocker.loadPage();
oStocker = null;

oStocker = null 将在我的对象完成工作之前被调用。

谢谢

Answer 1

首先，nAntiFreeze是setTimeout返回的原始值。您将该值传递回 clearTimtout，以便它知道要清除哪个超时。调用 clearTimeout 不会影响 nAntiFreeze 的值。

其次，that.loadPage未定义，因为that在调用doStock()时引用this（在调用它的地方）作为带有 new 的构造函数，它引用一个新对象）。但是您的函数不会返回该对象（即构造函数的 this），它会在 return 之后返回 loadPage() 函数所在的对象的一种方法.换句话说，您引用了错误的对象。

当您调用 oStocker.loadPage() 时，其 this 关键字引用 oStocker 对象，但传递给 setTimeout 的函数引用 that，它有一个构造函数的 this 闭包。

以下内容应该可行：

loadPage : function() {

    // Declare that here
    var that = this;

    if (this.sLink.length == 0) return;
    if (this.oList.length == 0) return;

    // If called as oStocker.loadPage(), this (and that) is
    // the oStocker object.
    nAntiFreeze = setTimeout(function(){GM_log(that); that.loadPage();},30000);
    GM_log('antifreeze ' + nAntiFreeze);
    getPageAsync2(this.sLink,false,getContent);  //GM_xmlhttprequest
}

使用不返回其 this 的构造函数没有多大意义，您可以使用 Richard Cornford 的模块模式并使用闭包进行继承。