javascript - 为什么内部函数中当前对象的方法未定义？

Question

在外部函数中，this.foo是bar，这就是我所期望的。然而，在内部函数中，this.foo 是未定义的，这非常令人惊讶。有人能帮我解决这个问题吗？谢谢。

var myObject = {
    foo: "bar",
    func: function () {
        console.log("outer func:  this.foo = " + this.foo);
        (function () {
            console.log("inner func:  this.foo = " + this.foo);
        }());
    }
};
myObject.func();

Answer 1

在外部函数中，this引用了myObject，因此可以正确引用和访问foo。

但是，在内部函数(这是一个闭包)中，this 不再引用 myObject。因此， this.foo 在内部函数中未定义(在 ECMA 5 之前，内部函数中的 this 将引用全局窗口对象；而从 ECMA 5 开始，内部函数中的 this 将是未定义的。) 为了解决这个问题，我们可以在引用它之前将其存储在像 self 这样的局部变量中。

var myObject = {
    foo: "bar",
    func: function () {
        var self = this;
        console.log("outer func:  self.foo = " + self.foo);
        (function () {
            console.log("inner func:  self.foo = " + self.foo);
        }());
    }
};
myObject.func();