带有 setInterval 和对象的 Javascript 奇怪行为

Question

尝试在对象中使用 setInterval 时出现一些奇怪的行为。

这是我的代码:

var Person = {
    speech: null,

    tryToSpeak: function ()
    {
        this.speech = "hello";
        self.setTimeout (this.speak, 1000);
    },

    speak: function ()
    {
        // prints out undefined
        console.log (this.speech);
    }
}

Person.tryToSpeak ();

当 speak() 通过 setTimeout() 运行时，它无法访问任何对象数据，例如 speech。这到底是怎么回事？这是不可避免的行为吗？

Answer 1

方法不携带对象信息。您可以使用 .bind ……将方法绑定(bind)到一个对象:

window.setTimeout(this.speak.bind( this ), 1000);

阅读更多关于 javascript this keyword 的信息