javascript - 为什么 'self' 在原型(prototype)的成员函数中可用？

Question

我经常看到并使用 self 作为数据成员来保证对所有嵌套范围内的根对象的正确访问:

function Foo() {
    var self = this; // Common design pattern
}

但是，我不明白为什么在以下代码片段中定义 self (请参阅 this jsfiddle ):

function Foo() {
}

Foo.prototype.foo = function() {
    // Returns 'object'!  Why is 'self' defined?
    console.log("typeof self = " + typeof self);
}

var f = new Foo();
f.foo(); // Prints "typeof self = object"

有人可以解释一下为什么 self 在函数的 prototype 对象上定义的函数中可用。

Answer 1

self 是全局 window 对象上的一个属性，因此不需要使用 window 前缀来使用它。由于 window 是一个对象，这就是控制台输出的内容，但是 console.log 行可能位于 self 未重新定义的任何位置其他东西并会给出相同的输出。

当您看到开发人员声明一个名为 self 的变量时，他们正在为标识符创建更本地化的定义，并且它会在该范围内隐藏全局 self。

示例:

// In the global scope:
console.log(self);  // window

function foo(){
  // this declaration will hide the global self with a local version
  // only good for this function
  var self = this;  // or whatever

  console.log(self);  // Depends on how foo is invoked
}

如果您修改示例代码，请稍微修改为:

function Foo() {
}

Foo.prototype.foo = function() {
    // Returns 'object'!  Why is 'self' defined?
    console.log(self); // <-- not typeof self
}

var f = new Foo();
f.foo(); // Prints window

顺便说一句，这就是为什么开发人员通常不会使用“self”这个词，而是使用“that”:

 var that = this;