javascript 和 node.js：哎呀

Question

我有一个带有 javascript oop 的 node.js 结构问题。我使用另一个类创建了一个类。

var base = function (name) {    
    this.Rows = new Array();    
};

var top = function (name) {
    this.name = name;   
};

top.prototype = new base();

var myClass = new top("");
myClass.Rows.push("a");
console.log(myClass.Rows);
var myClass2 = new top("test");
myClass2.Rows.push("b");
console.log(myClass2.Rows);

此代码返回以下结果；

[ 'a' ]
[ 'a', 'b' ]

但是我没有被算法发现作为这段代码的结果？

[ 'a' ]
[ 'b' ]

感谢您的帮助。

已解决：我解决了这个问题。重构代码；

var base = function (name) {
  this.Rows = new Array();
}

var top = function(name) {
  top.prototype.constructor.call(this, name);
  this.name = name;
}

top.prototype = Object.create(new base());

谢谢大家。

Answer 1

是的，原型是共享的。我认为您打算使用这种类型的继承：

var base = function (name) {
    this.Rows = new Array();
};

var top = function (name) {
    base.call(this,name); // this replaces your prototype
    this.name = name;
};

var myClass = new top("");
myClass.Rows.push("a");
console.log(myClass.Rows);
var myClass2 = new top("test");
myClass2.Rows.push("b");
console.log(myClass2.Rows);

call 将调用该函数，就好像它是一个方法一样，因此它将对象设置为base，然后您使用特定属性覆盖它。正如 nrabinowitz 在 cmets 中所指出的，这不会继承任何原型方法。

也是我最初的建议，我很喜欢，但与上述相比没有任何好处：

var top = function (name) {
    this.super=base; // these two lines replace your prototype
    this.super(name);
    this.name = name;
};

该方法将“base”变成一个成员函数，然后调用它。它将“top”设置为新的“base”对象，然后对其进行自定义。我选择“super”作为变量名，因为它类似于Objective C的风格。

Answer 2

这就是 JavaScript 原型继承的工作原理。

这对于语言的新手来说似乎相当混乱:)

myClass 和 myClass2 两个对象具有相同的原型（在 top.prototype = new base(); 中设置）

这意味着当您访问他们的Rows 属性时，因为他们都没有，他们访问他们的原型之一。因为两者都是相同的，所以它们都作用于同一个对象。如果将行 console.log(myClass2.Rows); 添加到代码的末尾，它也会输出 [ 'a', 'b' ]

原型继承似乎让初学者感到困惑，因为在经典语言中，如果 A 类扩展 B 类，那么 A 的所有属性都将复制到 B - 这在 JavaScript 中并非如此。

如果您将代码重构为以下内容，您可以完成相同的功能：

var base = function () {    

};

base.prototype.getRows = function(){
    return this.rows;
}

var top = function (name) {
    this.name = name;   
    this.rows= [];    
};

top.prototype = new base();

var myClass = new top("");
myClass.getRows().push("a");
console.log(myClass.getRows());
var myClass2 = new top("test");
myClass2.getRows().push("b");
console.log(myClass2.getRows());

这将产生您期望的“经典”结果。

然而，JavaScript 的原型模型更侧重于共享功能。我可能会将您的代码重构为：

var myClass = {Rows:[]},myClass2 = {Rows:[]};