Javascript原型继承中的数组和数字数据类型有区别吗？

Question

我是 javascript 原型继承的书呆子。我可以理解下面代码中发生的事情

function Hamster() {  }
Hamster.prototype = {
  food: [],
  found: function(something) {
    this.food.push(something)
  }
}

// Create two speedy and lazy hamsters, then feed the first one
speedy = new Hamster()
lazy = new Hamster()

speedy.found("apple")
speedy.found("orange")

alert(speedy.food.length) // 2

下面的行也是警报2 b'coz 两个对象都在共享来自Hamster 原型的food 数组

alert(lazy.food.length) // 2

但如果我将数组的数据类型更改为数字，food 键不会在两个实例之间共享

function Hamster() {  }
Hamster.prototype = {
  food: 0,
  found: function(something) {
    this.food = something
  }
}

// Create two speedy and lazy hamsters, then feed the first one
speedy = new Hamster()
lazy = new Hamster()

speedy.found(123)


alert(speedy.food) // 123

但是下面的行提醒0，你能告诉我为什么这不提醒123

alert(lazy.food) // 0

Answer 1

Hamster 的每个实例都有自己的 food 属性。但是在第一个版本中，它们都指向同一个数组，您正在使用push 对其进行修改。在第二个版本中，它们指向整数，不能原地修改； found 函数重新分配该实例的属性，这对其他实例没有影响。

要为每个实例赋予其自己的food 数组属性，您需要使用为其分配的构造函数。

您可以通过以下方式看到类似的行为，它只使用普通变量而不是对象和继承。

arr1 = [];
arr2 = arr1;
arr1.push(1);
console.log(arr2); // prints [1]

int1 = 0;
int2 = int1;
int1 = 1;
console.log(int2); // prints 0

分配运算符'='从变量中删除指针

arr1 = [];
arr2 = arr1;
arr2 = ['Appple'];
console.log(arr1); // prints []

Answer 2

要理解的是，在第一种情况下，两个对象对于food 仍然有自己的值；只是它们的值在每种情况下都是对内存中同一个对象的引用，因此将一个项目推入该属性引用的数组会改变同一个数组。

@Barmar 的回答，我赞成，已经说了这么多，但这里有另一个例子可以帮助证明这一点：

function Hamster() {}

Hamster.prototype = {
    food: [],
    found: function(something) {
        this.food = something;
    }
}

// Create two speedy and lazy hamsters, then feed the first one
speedy = new Hamster()
lazy = new Hamster()

speedy.found(["apple"])
speedy.found(["orange"])

alert(speedy.food) // orange
alert(lazy.food) // <empty>

在这种情况下，每个food 属性都会获得一个对不同数组的引用，因此很明显每个属性都是独立的。

要带走的关键：

保存对象的变量的值是对该对象的引用。 保存原语（如数字）的变量的值是原语的值。

Answer 3

在 JavaScript 中，属性查找遵循原型链，而不是属性分配。

所以，当你说

this.food = something;

food 属性在对象上创建。因此，它会覆盖 prototype 中的 food。但是当你访问lazy时，由于它是属性查找，首先搜索当前对象，然后是原型，它被定义并赋值为0。这就是为什么它会提示0。