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 下它会抛出一个 TypeError。

我的代码有什么问题？

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 值：

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

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