爲什麼匿名函數會丟失對象範圍？

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(); 

這種方式產生相同的結果。

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); 
     return 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 

Answer 1

這只是JavaScript的（特別是ECMAScript5）的核心理念。匿名函數，特別是在閉包中，不保留上下文。

你可以做這樣的事情：

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

那是因爲你實際上調用該函數。如果您傳遞迴調，則可以使用Function.prototype.bind代替。

如果您使用ECMAScript6，您可以使用方向起着保持匿名回調的背景下：

(() => { 
    // `this` retains the context of its parent context 
});