javascript - 从对象内部对对象的函数设置间隔

Question

我正在尝试创建一个可在 <div> 上运行的对象通过定期替换其内部 HTML。不过，我对“定期”这部分感到困惑。这就是我想要做的(代码的相关部分，我省略了不相关的声明等):

function LedDisplay() {
    this.initialize() {
        window.setInterval(this.redraw, 200);
    };

    this.redraw = function() {
        this.shiftDisplayMatrix();
        $('#' + this.name).html(this.createSvg());
    };

    this.shiftDisplayMatrix = function() {
        var firstRow = this.displayMatrix[0];
        this.displayMatrix.splice(0, 1);
        this.displayMatrix.push(firstRow);
    };
};

这会产生以下结果 - this.shiftDisplayMatrix is not a function 。我相信这是因为redraw在全局上下文中调用，并且没有 this.shiftDisplayMatrix那里。我似乎找不到的是如何实现我想要的。

或者也许我想做的是反模式？

Answer 1

是的，由于调用 this.shiftDisplayMatrix 的上下文不再是对象本身，因此它不再有权访问该函数。你可以尝试做的是

function LedDisplay() {
    var self = this;
    ....
}

然后调用self.shiftDisplayMatrix，其中我们使用 self 来保存 LedDisplay 对象的上下文。