javascript - 使用命名空间时出现意外的 "this"值

Question

这个问题已经有答案了:

How to access the correct `this` inside a callback (15 个回答)

已关闭 8 年前。

我似乎遇到了一些关于 this 的问题。当用于 JavaScript 中的命名空间时。具体来说，每当我通过 setTimeout 调用命名空间函数时或setInterval我似乎不再使用正确的值 this .

例如，考虑以下代码:

var myNamespace = {
    myVar: 123,

    foo: function () {
        console.log('Inside foo');
        console.log('this.myVar = ' + this.myVar);
        console.log('myNamespace.myVar = ' + myNamespace.myVar);

        // This works excactly as expected, it prints 123 and 123
        this.bar();

        // This does not, it prints undefined and 123
        setTimeout(this.bar, 250);
    },

    bar: function () {
        console.log('Inside bar');
        console.log('this.myVar = ' + this.myVar);
        console.log('myNamespace.myVar = ' + myNamespace.myVar);
    }
}

myNamespace.foo();

何时 bar直接从 foo 调用一切都按我的预期进行:它打印 123和123 .
然而，当 bar从 setTimeout 调用，它打印 undefined和123 .

看来是第二种方式bar称为 this 的值这不是我所期望的。我预计它是 myNamespace但它似乎是 window .

<小时/>

这让我想到两个问题:

1. 有没有办法保留 this bar 内的值总是指向myNamespace不管它是从哪里调用的？
2. 硬编码 myNamespace. 会更合适吗？代替this. bar里面？

Answer 1

那是因为 this 根据范围而变化，一种方法是绑定(bind)匿名函数:

setTimeout(function(){this.bar()}.bind(this), 250);