Почему функция IIFE/function не допускает «это» во внешней функции?

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 имеет доступ к себе, но не имеет доступа для этого? Я думал, что он создает закрытие, поэтому он имеет доступ к внешним переменным «я» и тому подобное?

Answer 1

Я не уверен, что это решит вашу проблему, но вы можете связать this, передав его в качестве аргумента в IIFE:

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

Fiddle