JavaScript：类实例如何隔离类新增属性？冻结对象无效求解决方案

你遇到的问题很典型：Object.freeze() 只能冻结实例自身的属性，但无法阻止它访问原型链上新增的属性。当你给 Person.prototype 添加新属性时，所有基于这个构造函数创建的实例都会通过原型链继承到这个属性——哪怕实例被冻结了，因为冻结的范围不包括原型链。

下面给你两种可行的解决思路，按需选择：

方案一：给目标实例替换冻结的原型副本 #

这个方法既能保留实例原本继承的原型属性，又能让它不受后续原型修改的影响：

function Person(first, last, age, eye) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eye;
}

// 先创建实例
var myFather = new Person("John", "Doe", 50, "blue");
// 复制当前Person的原型对象，冻结这个副本，再替换myFather的原型
var frozenPrototype = Object.freeze(Object.assign({}, Person.prototype));
Object.setPrototypeOf(myFather, frozenPrototype);

// 其他实例正常使用原原型
var myMother = new Person("Sally", "Doe", 48, "green");

// 后续给Person原型新增属性
Person.prototype.nationality = "English";

// 测试结果：myFather不受影响，myMother正常继承
console.log(myFather.nationality); // 输出 undefined
console.log(myMother.nationality); // 输出 "English"

原理：我们给 myFather 单独设置了一个冻结的原型副本，后续对 Person.prototype 的修改不会同步到这个副本上，自然不会影响到 myFather。

方案二：创建无原型的实例（彻底脱离原型链） #

如果你不需要实例继承任何原型属性，可以直接创建一个无原型的对象，再手动赋值属性，最后冻结它：

function Person(first, last, age, eye) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eye;
}

// 创建一个没有原型的对象，避免继承任何后续新增的原型属性
var myFather = Object.create(null);
// 手动赋值构造函数里的属性
myFather.firstName = "John";
myFather.lastName = "Doe";
myFather.age = 50;
myFather.eyeColor = "blue";
// 冻结实例
Object.freeze(myFather);

var myMother = new Person("Sally", "Doe", 48, "green");

// 新增原型属性
Person.prototype.nationality = "English";

// 测试结果：myFather完全不受影响
console.log(myFather.nationality); // 输出 undefined
console.log(myMother.nationality); // 输出 "English"

这个方法更彻底，适合不需要原型继承的场景，实例完全独立于原构造函数的原型链。

额外提醒 #

• 如果在严格模式下，尝试修改冻结实例的自身属性会直接抛出错误，但原型链的属性访问依然不受限制。
• 如果你使用ES6的class语法，解决思路是一致的：要么给目标实例替换冻结的原型副本，要么创建无原型的实例。

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