我在这里尝试在 JavaScript 中使用继承，我发现 Parent 类中的数组值被 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 对象(继承包含名为 list 的数组变量的 Parent)初始化为 obj1 并尝试推送 obj1 .list 的值为“hello”，obj1.list 打印 ["hello"] .. 目前一切顺利。

当我执行上面的示例并尝试将新的 Child 对象初始化为 obj2 然后推送 obj2 的 时，问题就来了>list 的值为“goodbye”，obj2.list 现在打印 ["hello", "goodbye"]。 (见下面的代码:)

var obj2 = new Child;

obj2.list.push("goodbye");

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

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

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

我期望的是，Child 类代表新对象，当 Child 类初始化为 时，Parent 类也是如此obj1，然后当我将新的 Child 对象初始化为 obj2 时，从 obj1 推送的值不应与 共享>obj2.

-- 问题--

有谁能帮我找出为什么上面例子中的list(Parent的数组变量)保留/共享Child发起的值对象(在上面的例子中，obj1 和 obj2)？

如果您有其他解决方案可以解决此问题，那将非常感谢，但我很乐意先找出上述问题。

最佳答案

当子对象具有从其原型(prototype)对象继承的属性时，真正发生的是子对象具有对原型(prototype)的引用，其中包含该属性。 child 没有自己的副本。因此，两个 child 都在使用相同的数组——您分配给 Child.prototype 的(一个)Parent 原型(prototype)对象上的那个数组。

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

new Parent() 给你这个:

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

...which you then assign to Child.prototype.

Then, new Child() gives you this:

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

Doing new Child() again gives you another one:

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

So as you can see, all of the Child instances are sharing the same Parent instance (their prototype), which has an array on it.

When you say:

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

...这是 JavaScript 引擎在看到 obj.list 时所做的事情:

1. 查看obj 是否有其自己的 属性list。如果没有，那么:
2. 查看obj 的原型(prototype)是否有其自己的 属性list。如果没有，那么:
3. 查看 obj 的原型(prototype)的原型(prototype)是否有其自己的属性list。
4. 等等直到我们用完原型(prototype)。

在你的例子中，由于 obj 没有它的 own list 属性，引擎会查看它的原型(prototype)(您分配给 Child.prototype 的 Parent 实例)，在本例中它确实具有该属性。所以就用了那个。它不会复制给 child 或其他任何东西，而是使用。当然，因为它是一个数组，所以将某些东西推到数组上实际上就是将它推到数组上。

如果您要分配一些东西给obj.list，那么obj 将得到它的自己的 list 属性，打破链条。因此，将 this.list = []; 放入 Child 将为每个 child 提供自己的列表。

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

对于图元，虽然您继承了它们，但您无法更改它们的状态(您只能用具有不同状态的新图元替换它们)，因此您看不到相同的效果.所以如果 obj 从它的原型(prototype)继承属性 foo，并且 foo 是 42，alert(obj .foo) 将从原型(prototype)中获取值并显示“42”。改变 foo 的唯一方法是说 obj.foo = 67 或类似的——这给 obj 自己的 foo 的副本，不同于原型(prototype)的副本。 (即使您使用 ++ 和 -- 之类的东西也是如此，例如 ++obj.foo；它确实被评估为 obj.foo = obj.foo + 1).

关于Javascript 继承 : Parent's array variable retains value，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9311032/