Question

Family = function(name) {
  this._Name = name;
}

Family.prototype = {
  getName: function() {
    return this._Name;
  },
  People: function(num) {
    this._Number = num;
  }
}

Family.People.prototype = {
  clearNumber: function() {
    this._Number = 0;
  }
}

人是一个嵌套的类。它的父类是Family。

我收到Family.People未定义的错误。有人可以纠正上面的代码吗？

Answer 1

工作代码

// function doesn't need "new" operator
var Family = function(name) { this._Name = name; };

Family.prototype = {
    getName: function() { return this._Name; }, // missing comma
    People: function(num) {
        this._Number = num;
    }
};

// work with prototypes
Family.prototype.People.prototype = {
    clearNumber: function() { this._Number = 0; }
};

这会奏效。但是你必须要注意，当你打电话时：

var f = new Family("Doe");

f.People只是一个对象构造函数，而不是某个其他对象的实例。您将必须实例化它：

f.members = new f.People(3);

你的实例中有一个相当混乱的构造函数。

更好的方法

所以如果你用这种方式编写原型可能会更好：

var Family = function(name) {
    this._Name = name;
    this.getName = function() { return this._Name; };
};

Family.People = function(num) {
    this._Number = num;
    this.clearNumber = function() { this._Number = 0; };
};

这实际上是在一个类中（而不是在实例中）。因此，上线将以这种方式调用：

var f = new Family("Doe");
f.members = new Family.People(3);

向下钻取f实例看起来像：

f
  _Name
  getName()
  members
    _Number
    clearNumber()

私有变量

var Family = function(name) {
    var _name = name;
    this.getName = function() { return _name; };
};

Family.People = function(num) {
    var _num = num;
    this.getNumber = function() { return _num; }
    this.clearNumber = function() { _num = 0; };
};

通过这种方式，我们将变量设为私有且只能在其中访问，因此无法在外部操作它们。您必须始终使用函数来操作它们。这使得它更加健壮，尤其是当存在与变量值相关的某些业务规则时。

var f = new Family("Doe");
f._name; // this is undefined because "_name" is private closure variable

向下钻取f实例现在看起来更像是一个类对象实例：

f
  getName()
  members
    getNumber()
    clearNumber()

Answer 2

请注意，您要分配给Family.prototype.People，然后尝试访问Family.People。

Family不是Family的实例，因此它没有该类的属性 - Family是Function的实例因此，您试图在第3个语句中访问Function.prototype.People。（这有点简化）

即。你想要做的是

Family.prototype.People.prototype = {
  clearNumber:function(){this._Number = 0;}
}

你在人们面前也错过了一个逗号，但我认为这是一个错字......

Answer 3

您应该将People构造函数声明为Family对象中的键：

Family.People = function(num) {
  this._Number = num;
}

Family原型将位于Family类型的新对象的原型链中;不属于家庭本身。

Javascript原型和访问类的问题

3 个答案:

工作代码

更好的方法

私有变量