javascript - 更改原型中的值在 JavaScript 中不起作用

Question

我是 JS 新手，让我们看看下面的代码。

我想在使用原型时将鼠标的腿属性值更改为 2，但我无法更改它。我得到的输出是 4。请帮助这是为什么？

function Animal() {
  this.legs = 4;
}

var mouse = new Animal();

mouse.__proto__.legs = 2;
console.log(mouse.legs);

Answer 1

您不能以这种方式更改实例属性。

mouse.__proto__包含构造函数Animal。

如果你只想改变鼠标的腿，你必须这样做： mouse.legs = 2

如果你想改变每一个未来的动物——很遗憾你做不到。new Animal()将始终引用原始构造函数。

当你调用new Animal时，JS 引擎不引用Animal.prototype.constructor，它使用Animal作为构造函数和Animal.prototype新创建对象的原型，忽略Animal.prototype.constructor.

Answer 2

正如所评论的，您尝试访问的腿是自有财产，而不是原型。

以下是一个示例：

function Animal() {
  this.legs = 4;
}
Animal.prototype.legs = 8;
var mouse = new Animal();

mouse.legs = 2;
console.log(mouse.legs, mouse.__proto__.legs);

---

也就是说，如果您希望有一个覆盖概念的实现，请永远记住，永远不要改变/更改原型上的属性。

想法是在原型上有共同的属性，在自己上有自定义的属性。

以下是描述相同的示例：

function Animal() { this.legs = 4; }
function Reptile() { this.legs = 4; }

Reptile.prototype = new Animal();
var mouse = new Reptile();
console.log('Mouse details : ', mouse.legs, mouse.__proto__.legs);

var snake = new Reptile();
snake.leg = 0;
console.log('Snake details : ', snake.legs, snake.__proto__.legs);

snake.__proto__.legs = 0;

console.log('After mutation')

console.log('Mouse details : ', mouse.legs, mouse.__proto__.legs);
console.log('Snake details : ', snake.legs, snake.__proto__.legs);

---

简单来说，JS 中的一切都是对象。创建对象时，默认情况下它有 2 个嵌套级别：

-> 这个
-> __proto__

构造函数的任何属性都转到this. 其原型上的任何属性都转到__proto__. 由于所有对象都继承自Object，因此存在一个链直到全局对象。

Answer 3

所有 JavaScript 对象都从原型继承属性和方法。一旦它被继承，您可以直接调用或更改它的值。

function Animal() {
  this.legs = 4;
}

var mouse = new Animal();

// mouse.__proto__.legs = 2;
//instead do this
mouse.legs = 2;
console.log(mouse.legs);