为什么在声明子类时会覆盖我的 Javascript 父范围？

Question

我有两个 javascript 类，一个继承自另一个，声明如下：

var Sup = (function(){
    var self;

    var sup = function(){
        self = this;
        self.type = 'Sup';
    };

    sup.prototype.getType = function(){
        return self.type;
    };

    return sup;
})();

var Sub = (function(){
    var self;

    var sub = function(){
        self = this;
        Sup.call(self);
        self.type = 'Sub';
    };

    sub.prototype = Object.create(Sup.prototype);
    sub.prototype.constructor = sub;

    return sub;
})();

当我实例化 Sub 时，它会覆盖其父类中的 self 值：

var sup = new Sup();
var sub = new Sub();
console.log(sup.getType());
console.log(sub.getType());

产量

Sub // I expected Sup
Sub

---

我有两个问题：

• 这是为什么呢？我认为self，正如在Sup 中声明的那样，将充当与Sup 的每个实例相关联的私有变量。

• 我喜欢将所有类定义包含在 (function(){...}) 中时的整洁感，但是当我这样做时，我需要在声明私有方法时使用 self 变量来访问类范围。

  例如：

  var Sup = (function(){
      //...
      function _getType(){
          return self.type; // 'this.type' is undefined here
      }
  })();
  

  我可以在保留封闭的(function(){})() 结构的同时解决这个问题吗？

---

编辑：回答如何调用（我称之为）“私有”方法

在_getType 中，this 将引用Sup 而不是正在创建的对象（例如sup），所以这解决了我的问题：

var Sup = (function(){
    var sup = function(){
        this.type = 'Sup';
    };

    sup.prototype.callPrivateGetType = function(){
        return _getType(this);
    };

    function _getType(that){
        return that.type;
    }
}

然后做

var sup = new Sup();
var sub = new Sub();
console.log(sup.callPrivateGetType());
console.log(sub.callPrivateGetType());

产量

Sup
Sub

Answer 1

self 不是“私有变量”，这些“类”也不是——因为 JavaScript 两者都没有。您可以非正式地谈论私有变量或类，但忘记这些概念并不能完美地从其他语言继承下来是非常危险的，正如您在这里所经历的那样。

self 是一个被getType 方法封闭的局部变量。评估是这样的：

• 评估 Sup 分配右侧的 IIFE：
• self 是一个局部变量（我们称之为SupSelf）
• sup构造函数已定义
• getType 方法附在上面； getType 函数是一个闭包，关闭了 SupSelf
• sup 原型从 IIFE 返回，并分配给 Sup。

当您拨打sub.getType()时：

• 将this 设置为sub，并评估Sup.prototype.getType：
• 在getType内部，self是封闭的SupSelf，它得到了Sup分配给它的值new Sup()。它无法读取Sub 内的值self，因为它不是本地的。