javascript – 为什么重置原型不会从对象中删除属性？

我试图让我的头围绕 JavaScript原型和可能的遗产,但我肯定缺少一些东西.我们从简单的构造函数(函数Counter())开始,添加简单的属性和实例化对象：

function Counter() { this.a = "first"; };
Counter.prototype.b = "second";
var counter = new Counter();

在这一点上,counter.a返回“first”,counter.b返回“second”,counter.c当然是未定义的,这是可以理解的.我们为构造函数的原型添加另一个属性：

Counter.prototype.c = "third";

现在,counter.c将返回“第三”.但是…我们改变了主意,摆脱了这些属性：

Counter.prototype = {};

使用简单的逻辑,在覆盖计数器原型的原型属性时,我们将丢失我们之前添加到Counter.prototype的counter的属性.但事实并非如此 – counter.c返回“第三”.我在这里迷路了所以我们来尝试覆盖这个价值：

Counter.prototype.c = "fourth hohoho";

没有变化,counter.c仍然返回“第三”.

为什么没有成功删除属性？我失踪了什么

解决方法

创建对象时,将其原型对象的引用添加到原型中.

您可以扩充该原型对象,并且因为实例共享引用,所以这些更改将反映在任何现有的实例中.

但是,如果覆盖原型对象,先前创建的实例仍然保留对原始原型对象的引用.

与这段代码一样：

var a = {};
var b = a;

a.foo = 'bar';    // augment 'a'
b.foo === 'bar';  // true

a = {};           // overwrite 'a'
b.foo === 'bar';  // still true