「这个」没有 hack 就无法在私有 JavaScript 函数中访问对象吗？

Question

我在一个项目上工作了一段时间，试图找出我做错了什么，当我最终将“错误”范围缩小到以下代码无法按我预期工作的事实时：

function Alpha()
    {
    this.onion = 'onion';

    function Beta()
        {
        alert(this.onion);
        }

    Beta();
    }

alpha1 = new Alpha();
// Alerts 'undefined'

但是，如果我更改代码如下：

function Alpha()
    {
    var self = this;
    this.onion = 'onion';

    function Beta()
        {
        alert(self.onion);
        }

    Beta();
    }

alpha1 = new Alpha();
// Alerts 'onion'

它的工作原理就像我所期望的那样。在浪费了我生命的很大一部分之后，有人能解释为什么它会这样吗？

Answer 1

之所以如此工作，是因为每个函数都关联了自己的执行上下文。

但是还有其他方法可以做到这一点，例如：

使用 调用或申请来调用函数：

function Alpha() {
  this.onion = 'onion';

  function Beta() {
    alert(this.onion);
  }

  Beta.call(this);
}

var alpha1 = new Alpha();
// Alerts 'onion'

新的 ECMAScript 第 5 版标准引入了一种保存函数上下文的方法，即 Function.prototype.bind 方法：

function Alpha() {
  this.onion = 'onion';

  var Beta = function () {
    alert(this.onion);
  }.bind(this);

  Beta();
}

var alpha1 = new Alpha();
// Alerts 'onion'

我们可以说 Beta 函数是绑定，无论你如何调用它，它的this值都将是完整的。

此方法尚未得到广泛支持，目前仅 IE9pre3 包含它，但您可以包含 一个实现使其现在可以工作。

现在让我详细说明 this 的工作原理：

this 值存在于每个 执行上下文，并且对于在进行函数调用时隐式设置的函数代码，该值取决于引用的形成方式。

在您的示例中，当您调用 Beta(); 时，由于它未绑定到任何对象，因此我们可以说该引用没有基对象，然后， < code>this 值将引用全局对象。

当您调用绑定为对象属性的函数时，会发生其他情况，例如：

var obj = {
  foo: function () { return this === obj;}
};
obj.foo(); // true

如您所见，被调用的引用 obj.bar(); 包含一个基对象，该基对象是obj，并且被调用函数内的this值将引用它。

_{注意：引用类型是一个抽象概念，为语言实现目的而定义，您可以在规范中查看详细信息。}

隐式设置 this 值的第三种情况是当您使用 new 运算符，它将引用一个新创建的对象，该对象继承自其构造函数的原型：

function Foo () {
  return this; // `this` is implicitly returned when a function is called 
}              // with `new`, this line is included only to make it obvious

var foo = new Foo();
foo instanceof Foo; // true
Foo.prototype.isPrototypeOf(foo); // true

Answer 2

来自JavaScript：权威指南，第五版（犀牛书）：

当一个函数被调用时
函数而不是方法，
this 关键字指的是全局
目的。令人困惑的是，这甚至是真的
当调用嵌套函数时（如
包含方法内的函数）
作为方法调用：this
关键字有一个值
包含函数但是
（违反直觉）指的是
体内的全局对象
嵌套函数。

请注意，this 是关键字，而不是
变量或属性名称。 JavaScript
语法不允许您分配
值this。

这里需要注意两件事：

1. this 不是变量，因此正常的闭包捕获规则不适用。
2. this 在每次函数调用时都会“反弹”，无论是作为方法、普通函数调用还是通过 new 调用。由于您正在进行正常的函数调用（调用 Beta 时），因此 this 会绑定到“全局对象”。

Answer 3

当您调用非成员函数（不称为 someObject.method()）时，它在窗口的上下文中运行。它是私有函数还是全局函数并不重要。

您可以这样做：

Beta.call(this);

call 允许您在调用函数时传递上下文作为第一个参数（apply 类似，但参数列表是一个数组）。

但是，我不清楚（即使对于这个微不足道的例子）为什么洋葱是公开的而 Beta 是私有的。