为什么匿名函数会丢失对象范围？

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