6

我们已经使用 Dojo 创建了一个应用程序，在 UI 上有一个时钟。但有时应用程序 UI 只是挂在那里，时钟就停止了。猜测JS引擎刚刚停止是因为时钟是由javascript代码驱动的。

不确定以下代码会导致内存泄漏，然后导致挂起问题。我们使用递归 setTimeout 调用来实现时钟。

dojo.declare("xxx.xxx.HomepageHeader", [dijit._Widget, dijit._Templated],
{
widgetsInTemplate: true,
_time :'',
dateUtil: null,

// ....
// ....

prefix :function (value, p)
{
    return (value < 10) ? p + value : value;
},

updateTime :function ()
{
    var d = new Date();
    var _this = this;
    var t = [_this.prefix(d.getHours(), '0'), _this.prefix(d.getMinutes(), '0'), _this.prefix(d.getSeconds(), '0')].join(':');
    _this._time.innerHTML = t;
    _this.dateInfo.innerHTML = this.dateUtil.format(d, "yyyy/MM/dd") + " &nbsp;|&nbsp " + this.dateUtil.format(d, "EEE");
    window.setTimeout( function(){_this.updateTime();}, 100);
}

// ....
// ....
}

注意到在类中，方法 updateTime 使用 window.setTimeout 递归调用自身来更新 UI 上的时间文本。

这里有内存泄漏问题吗？如果答案是否定的，是否有任何可能导致挂断问题的问题？

谢谢！

4

1 回答 1

2

这并不是真正的递归，因为setTimeout()将下一次调用安排在未来updateTime()一段时间，然后当前updateTime()实际完成。因此，没有堆栈帧的建立，因此它不是真正的递归。另外，我看不出这里有任何内存泄漏的原因。

您拥有的方案应该没问题并且经常使用，但您可能希望少于每 100 毫秒执行一次，以便为浏览器上的其他事情留出更多的 CPU 周期。

如果您看到时钟停止，那是因为 JS 引擎卡住或循环，但它可能卡在其他地方的代码中，而不是实际的时钟代码。

于 2012-08-31T05:21:21.727 回答