javascript setTimeout 调用错误

Question

我想调用 window.setTimeot 函数我的自定义范围，因此我使用 call方法，但是有问题。

function foo() {
    this.bar = function() {
        console.log("keep going");
        window.setTimeout.call(this,this.bar,100);
    }
    this.bar();
}

new foo;

在 Firefox 下，这只会打印到控制台 1 行，然后什么也不打印，而在 google chrome 下，它会抛出 类型错误。

我的代码有什么问题？

Answer 1

使用 call 在这里没有帮助：它使用 this 对象调用 setTimeout，但回调函数本身仍然是从全局范围调用的。您真正想做的是这样的：

function foo() {
    var self = this;
    this.bar = function() {
        console.log("keep going");
        window.setTimeout(function() { self.bar(); }, 100);
    }
    this.bar();
}

编辑： 如果您确实想要类似于 call 方法，您可以使用 bind 绑定 this 值function：

window.setTimeout(this.bar.bind(this), 100);

但是，这是新的 ECMAScript 5 规范的一部分，尚未得到所有浏览器的支持。