Javascript继承：父级的数组变量保留值

我在这里尝试在 JavaScript 中使用继承，但发现数组值存在问题Parent由 a 继承的类Child班级。下面的代码是正常的继承：

var Parent = function() {
    this.list = [];
};

var Child = function() {};

Child.prototype = new Parent;
Child.prototype.constructor = Child;

var obj1 = new Child;

obj1.list.push("hello");

console.log(obj1.list); // prints ["hello"];

当我初始化新的Child对象（继承Parent，其中包含名为的数组变量list) to obj1并试图推动obj1.列表值为“你好”，obj1.列表打印 [“hello”] ..到目前为止一切顺利。

当我执行上面的示例并尝试初始化新的时，问题就出现了Child反对obj2然后推obj2's list值为“再见”，并且obj2.列表现在打印[“你好”，“再见”]。 （见下面的代码：）

var obj2 = new Child;

obj2.list.push("goodbye");

console.log(obj2.list); // prints ["hello", "goodbye"];

我在这里可能有一个误解，但是list数组中Parent以某种方式保留了价值，我不知道为什么。

这是一个大麻烦，因为如果我重复使用Parent类到许多其他子类，如上面的情况，如果Parent将数组变量共享给其子类，该值也将共享给其他子类，这对我来说是意想不到的。

我所期望的是，Child类代表新对象，同样适用于Parent上课时Child类被初始化为obj1，然后当我初始化新的Child反对obj2，推入的值来自obj1不应该与共享obj2.

- 问题 -

谁能帮我找出为什么list（数组变量Parent）在上面的示例中保留值/共享由子对象启动的值（在上面的情况下，obj1 and obj2)?

如果您有另一个可以解决此问题的解决方案，那将非常好，但我很乐意先找出上述问题。

当子对象具有从其原型对象继承的属性时，真正发生的是子对象具有参考到包含属性的原型。孩子没有自己的副本。所以两个孩子都使用同一个数组——（一）上的一个Parent您分配给的原型对象Child.prototype.

首先是一些图片，然后是更多文字。 :-)

new Parent()给你这个：

+-----------------+
| Parent instance |
+-----------------+
| list = []       |
+-----------------+  

...然后您分配给Child.prototype.

Then, new Child()给你这个：

+------------------+
| Child instance 1 |
+------------------+        +-----------------+
| (prototype)      |------->| Parent instance |
+------------------+        +-----------------+
                            | list = []       |
                            +-----------------+  

Doing new Child()再次给你另一个：

+------------------+      +------------------+
| Child instance 1 |      | Child instance 2 |
+------------------+      +------------------+
| (prototype)      |---+  | (prototype)      |---+
+------------------+   |  +------------------+   |
                       |                         |
                       |                         |     +-----------------+
                       +-------------------------+---->| Parent instance |
                                                       +-----------------+
                                                       | list = []       |
                                                       +-----------------+  

正如您所看到的，所有Child实例是sharing相同Parent实例（他们的原型），上面有一个数组。

当你说：

var obj = new Child();
obj.list.push("foo");

...这是 JavaScript 引擎在看到信息时会执行的操作obj.list:

1. 看看有没有obj有它的own属性称为list。如果没有，那么：
2. 看看有没有obj的原型有其own属性称为list。如果没有，那么：
3. 看看有没有obj的原型 的原型有其own属性称为list.
4. 等等，直到我们用完原型。

就你而言，自从obj没有它的own list属性，引擎着眼于它的原型（Parent您分配给的实例Child.prototype），在本例中确实具有该属性。所以就用了那个。它不会复制给孩子或任何东西，它是used。当然，由于它是一个数组，因此将某些内容推送到数组上实际上是将其推送到数组上。

如果你要assign某事obj.list, then obj会得到它的own list财产，打破链条。所以说this.list = []; in Child会给每个孩子自己的清单。

每当原型有一个时你就会看到这一点对象引用其上，对象是可以修改的类型（“可变”对象）。数组、日期、普通对象 ({})、正则表达式等，它们都有状态并且都可以修改，所以您会看到它们。 （String实例是不可变的，因此尽管发生了同样的事情，但您看不到任何效果，因为字符串无法更改。）

对于原语，虽然你继承了它们，但你不能改变它们的状态（你只能replace它们具有不同状态的新原语），因此您不会看到相同的效果。因此，如果obj继承财产foo从它的原型来看，foo is 42, alert(obj.foo)将从原型中获取值并显示“42”。改变的唯一方法foo就是说obj.foo = 67或类似的——这给出了obj its own备份foo，与原型的副本不同。 （即使您使用类似的东西也是如此++ and --, e.g. ++obj.foo;这确实被评估为obj.foo = obj.foo + 1).