javascript - 防止意外更改 JavaScript 原型(prototype)

Question

我在寻找防止意外更改对象原型(prototype)的方法时遇到了一些麻烦。下面的例子应该有助于澄清我的问题:

var Enemy, enemy1, enemy2;

Enemy = (function() {
  function Enemy() {}

  Enemy.prototype.speed = 10;

  Enemy.prototype.stats = {
    strength: 15
    dexterity: 12
  };

  return Enemy;

})();

enemy1 = new Enemy();
enemy2 = new Enemy();

enemy1.speed = 20;
enemy1.stats.strength = 25;

console.log("enemy1 speed: " + enemy1.speed);
console.log("enemy2 speed: " + enemy2.speed);
console.log("enemy1 str: " + enemy1.stats.strength);
console.log("enemy2 str: " + enemy2.stats.strength);

结果:

console: enemy1 speed: 20
console: enemy2 speed: 10
console: enemy1 str: 25
console: enemy2 str: 25

如您所见，编辑 enemy1 的原始属性(例如 speed)不会影响 enemy2。但是当对象属性中的属性在 enemy1 上发生更改时(例如 stats.strength)，这似乎实际上是在更改原型(prototype)而不是实例。

我相信这是因为 enemy1 和 enemy2 都没有名为 stats 的本地属性，所以 enemy1.stats 解析为原型(prototype)值，这意味着它对 强度改变了。

我想出了一个解决这个问题的方法，方法是将 Enemy 的构造函数更改为:

function Enemy() {
    //using jQuery to deep copy the stats property in the prototype
    this.stats = $.extend(this, Enemy.prototype.stats); 
}

这会初始化 stats 的本地属性，这意味着对 enemy1.stats 的引用不再引用原型(prototype)。

但我对这种方法并不完全满意，因为我需要记住在添加更多对象属性时对每个对象属性执行此操作。不仅如此，我现在还有更胖的 Enemy 对象，因为它们每个都需要存储统计对象的副本。

我可以在这里使用更好的方法吗？

谢谢!

Answer 1

this seems to actually be altering the prototype instead of the instance.

不，它正在改变原型(prototype)所指的对象。但它涉及到几乎相同的事情。 :-)

I believe this is because neither enemy1 nor enemy2 have a local property called stats, so enemy1.stats resolves to the prototype value, meaning that its value for strength is altered.

没错，是的。 (术语是“自己的”属性(property)，而不是“本地”属性(property)，但您完全正确。)

Is there a better approach I can use here?

我认为你所拥有的是一个很好的方法。如果你愿意，你可以自动化它(循环遍历 this 上的属性，并且对于任何具有 typeof as "object" 的属性，运行它们通过 extend)，但从根本上说，如果您要修改与实例关联的对象的属性，这些对象需要在实例上，而不是原型(prototype)上。

FWIW，我可能根本不会在原型(prototype)上有 stats，只是在构造函数中。