JavaScript 中 Proxy 怎么实现不可变数据的不可修改校验-js教程-PHP中文网

proxy可通过set、deleteproperty、defineproperty等trap拦截赋值、删除、定义属性等操作，抛出错误实现运行时不可变校验；需配合object.freeze及递归代理以保障深度不可变性。

javascript 中 proxy 怎么实现不可变数据的不可修改校验

Proxy 可以拦截对象的写操作，在赋值、删除、添加属性等关键环节抛出错误，从而实现不可变数据的运行时校验。

拦截所有可能修改数据的操作

不可变性要求禁止任何改变原始状态的行为。Proxy 需覆盖以下 trap：

set：拦截属性赋值（包括新增和修改）
deleteProperty：拦截 delete 操作
defineProperty：拦截 Object.defineProperty 调用
setPrototypeOf：拦截原型变更（如 Object.setPrototypeOf）
preventExtensions：拦截 Object.preventExtensions 调用（虽然本身是冻结操作，但需防止被绕过）

基础不可变 Proxy 封装

一个最小可用的只读代理示例：

function makeImmutable(obj) {
  return new Proxy(obj, {
    set(target, key, value, receiver) {
      throw new TypeError(`Cannot assign to read-only property '${key}'`);
    },
    deleteProperty(target, key) {
      throw new TypeError(`Cannot delete property '${key}'`);
    },
    defineProperty(target, key, descriptor) {
      throw new TypeError(`Cannot define property '${key}'`);
    },
    setPrototypeOf(target, proto) {
      throw new TypeError('Cannot set prototype of immutable object');
    },
    preventExtensions() {
      return true; // 已不可扩展，允许该调用但不生效
    }
  });
}

使用时：注意它只冻结第一层，嵌套对象仍可修改，如需深度冻结需递归包装或结合 Object.freeze。