sampleObject.prototype.getFoo = function() {
 var me = this;
 var nested = function() {
  return me.foo;
 }
 return nested;
}

通过将 的值保存this在局部变量中，您可以使其明确成为该函数和所有嵌套函数作用域的词法上下文的一部分。因此，在调用“nested”时，该内部函数将有自己的作用域（它自己的this值），但它仍然可以引用封闭作用域中的变量“me”。

在您的示例中，“this”指的是 window 对象，因为您在调用嵌套函数时没有指定另一个上下文，并且因为 window.foo 未定义而得到 undefind。

您可以通过 3 种方式解决此问题。

1 - 使用变量存储外部 this - 最常用的方法

sampleObject.prototype.getFoo = function() {
 var _this = this;
 var nested = function() {
  return _this.foo;
 }
 return nested();
}

2 - 使用绑定方法将外部“this”绑定到内部

sampleObject.prototype.getFoo = function() {
 var nested = function() {
  return this.foo;
 }.bind(this);
 return nested();
}

3 - 使用可以将上下文传递给函数的调用方法

SampleObject.prototype.getFoo = function() {
 var nested = function() {
  return this.foo;
 };
 return nested.call(this);
}

常见的解决方法是使用闭包

sampleObject.prototype.getFoo = function() {
  var _this = this; 
  var nested = function() {
    return _this.foo;
   }
   return nested();
}

一些库添加了自动执行此操作的方法

• Prototype 添加 Function.bind ( http://prototypejs.org/doc/latest/language/Function/prototype/bind/ )
• Ext 添加 function.createDelegate ( http://www.sencha.com/learn/Manual:Utilities:Function#createDelegate )
• Javascript 1.8.5 添加了 function.bind ( https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/bind )

tl;博士

使用箭头函数。它们从 ECMAScript 6 开始可用：

var sampleObject = function() {
  this.foo = 123;
}

sampleObject.prototype.getFoo = function() {
  var nested = () => { // Changed this line.
    return this.foo;
  }
  return nested();
}

var test = new sampleObject();

window.alert(test.getFoo());

解释

这是箭头函数的主要优点之一。您的情况在以下部分中进行了描述：没有绑定this。参考文献指出：

在箭头函数之前，每个新函数都定义了自己的this值 [...] 箭头函数不会创建自己的this上下文，因此this具有来自封闭上下文的原始含义。

除了将其声明为var _this = this，我还看到代码正在执行var that = this或var self = this。

了解变量的作用域很重要，因为它可能会产生意想不到的结果。