为何创建实例后不可重赋值Constructor.prototype？JS原型链疑问

你给出的代码是修改原型上的现有方法，而非MDN提到的直接重赋值整个原型对象（即Box.prototype = {...}这类操作），这两种行为有本质区别，下面结合实例拆解MDN指出的两个核心问题：

1. 重赋值前后的实例原型指向完全独立，无法同步更新 #

当你直接把构造函数的prototype重赋值为一个全新对象时，之前创建的实例的[[Prototype]]仍然指向旧的原型对象，而之后创建的实例会绑定新的原型对象。这两个原型对象是完全独立的个体，修改其中一方的方法或属性，另一方不会有任何变化。

示例代码：

function Box(value) {
  this.value = value;
}
Box.prototype.getValue = function () {
  return this.value;
};

// 重赋值前创建的实例
const oldBox = new Box(1);

// 直接重赋值整个原型对象
Box.prototype = {
  getValue: function () {
    return this.value + 2;
  }
};

// 重赋值后创建的实例
const newBox = new Box(2);

oldBox.getValue(); // 1，沿用旧原型的方法
newBox.getValue(); // 4，使用新原型的方法

// 修改新原型的方法，旧实例不受影响
Box.prototype.getValue = function() {
  return this.value * 2;
};
newBox.getValue(); // 4
oldBox.getValue(); // 1

2. constructor属性丢失，无法正确追溯构造函数 #

默认情况下，构造函数的prototype对象自带constructor属性，指向构造函数本身。但如果直接重赋值prototype为新对象，这个新对象默认没有constructor属性，此时实例的constructor会顺着原型链向上查找，最终指向Object，无法正确关联到原构造函数，部分依赖constructor的内置操作可能因此失效。

示例代码：

function Box(value) {
  this.value = value;
}
// 重赋值原型对象
Box.prototype = {
  getValue: function() {
    return this.value;
  }
};

const box = new Box(3);
console.log(box.constructor === Box); // false，实际指向Object
console.log(box.constructor === Object); // true

// 解决方法：手动重置constructor属性
Box.prototype.constructor = Box;
console.log(box.constructor === Box); // true

内容的提问来源于stack exchange，提问作者Adrian