为什么 IIFE/函数不能在外部函数中访问“this”？ [复制]

Question

在下面的代码中，

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

它在控制台中打印：

outer func:  this.foo = bar
outer func:  self.foo = bar
inner func:  this.foo = undefined
inner func:  self.foo = bar

前两个很明显，但我不明白第三个和第四个，为什么 IIFE 可以访问 self 而没有访问 this ？我认为它创建了一个闭包，因此它可以访问外部变量 self 和 this ？

Answer 1

我不确定这是否能解决您的问题，但您可以通过将 this 作为参数传递给 IIFE 来绑定它：

(function(context) {
    console.log("inner func:  context.foo = " + context.foo);
    console.log("inner func:  self.foo = " + self.foo);
}(this));

Fiddle