Javascript中的继承和Object.Create

Question

看看这段代码：

        var Test = {
        options: {
            name: 'foo'
        },
        name: 'foo',
        init: function (name) {
            this.name = name;
            this.options.name = name;
        }
    };

    var dict = {};

    for (var i = 0; i < 3; i++) {
        var obj = Object.create(Test);
        obj.init(i);
        dict[i] = obj;
    }

我不明白为什么对象dict中的dict [X] .options.name中的所有属性都具有相同的值（2），并且dict [X] .name中的属性具有不同的值？

Answer 1

它看起来像是通过引用传递值。

对象Test包含对属性options另一个对象的引用。 创建新的Test实例时，新实例将获得对现有options实例的引用，而不是获取该对象的新副本。

粗略的形象就像是

您可以通过在代码底部添加以下语句来检查它

alert(Test.options== dict[0].options);

Answer 2

文档很清楚：

使用指定的原型对象和属性创建新对象。

所以Test将成为新对象的原型 。 所有实例都引用相同的原型，而options是一个对象，它们也共享对此的引用。

关系看起来像这样：

+------------+      +---------+       +--------+
| Instance 1 |----->| Test    |       | Object |
+------------+      |         |       |        |
                    | options-|------>| name   | 
                    | name    |       +--------+
                    +---------+
                         ^ 
+------------+           |
| Instance 2 |-----------+
+------------+      

现在，因为options是一个对象，如果你为它分配一个新的属性，比如

instance1.object.name2 = 'bar';

您实际上正在访问Test.options 。 结果将是：

+------------+      +---------+       +--------+
| Instance 1 |----->| Test    |       | Object |
+------------+      |         |       |        |
                    | options-|------>| name   | 
                    | name    |       | name2  |
                    +---------+       +--------+
                         ^
+------------+           |
| Instance 2 |-----------+
+------------+ 

但是，当您为name分配新值时，将在该实例上创建新的属性name 。 所以当你这样做时：

instance1.name = 'bar';

结果将是

+------------+      +---------+       +--------+
| Instance 1 |----->| Test    |       | Object |
|            |      |         |       |        |
| name       |      | options-+------>| name   | 
+------------+      | name    |       +--------+
                    +---------+
                         ^
+------------+           |
| Instance 2 |-----------+
+------------+      

如果不是仅仅访问或为options分配属性，而是为其分配了新值，则会发生同样的情况：

instance1.options = {name: 'another name'};

结果是：

           +--------+
           | Object |
           |        |
           | name   |
           +--------+
                ^
+------------+  |   +---------+       +--------+
| Instance 1 |--+-->| Test    |       | Object |
|            |  |   |         |       |        |
| options----+--+   | options-|------>| name   | 
+------------+      | name    |       +--------+
                    +---------+
                         ^
+------------+           |
| Instance 2 |-----------+
+------------+

由于属性查找的工作原理， instance1.options将返回原型链中最近（最近） options属性的值。 一旦我们在实例中设置了name或options ，它将返回那些值，而不是原型（ Test ）。

Answer 3

我觉得你在这里有点困惑。

options: {
    name: 'foo'
},
name: 'foo'

当你定义它们，然后在你的Object.create()语句中使用时，属于原型，因此对于具有相同原型的所有对象都是相同的。

您看到name属性发生更改的原因是您通过调用以下方法在每个实例上创建了它（基本上覆盖了原型中定义的属性）：

this.name = name;

对象属性不会发生的事情，因为您从未直接分配它。 相反，它需要最后指定的值（在您的示例中为2）。

你写过：

this.options = {};
this.options.name = name;

在你的init函数中 - options.name将在每个实例上被覆盖，就像你想要的那样。