JavaScript 中 Proxy 怎么实现属性赋值的类型校验-js教程-PHP中文网

proxy 通过 set 捕获器拦截属性赋值并校验类型，需用 reflect.set 完成真实赋值；支持单字段/多字段校验、自定义规则及原型属性处理，禁止直接修改 target。

javascript 中 proxy 怎么实现属性赋值的类型校验

Proxy 可以在属性赋值时做类型校验，核心是拦截 set 捕获器，对新值进行类型判断，不符合则抛出错误或静默处理。

用 set 捕获器拦截赋值操作

set 是 Proxy 中专门拦截属性设置（即 obj.prop = value）的陷阱。它接收四个参数：目标对象、属性名、新值、代理对象本身。校验逻辑就写在这里。

返回 true 表示赋值成功，否则会抛出 TypeError（严格模式下）
务必调用 Reflect.set(target, prop, value, receiver) 完成真实赋值，否则属性不会被设置
可在赋值前检查 value 类型，比如是否为字符串、数字、指定构造函数实例等

基础类型校验示例

比如限制某个字段只能是字符串：

const obj = {};
const handler = {
  set(target, prop, value) {
    if (prop === 'name' && typeof value !== 'string') {
      throw new TypeError(`'name' must be a string, got ${typeof value}`);
    }
    return Reflect.set(target, prop, value);
  }
};
const proxy = new Proxy(obj, handler);
proxy.name = 'Alice'; // ✅
proxy.name = 123;     // ❌ 抛出 TypeError

支持多字段和自定义规则

可以维护一个校验配置表，让不同属性对应不同校验逻辑：

deep-java-review

Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...

下载

用 Map 或普通对象存储字段名 → 校验函数的映射
校验函数返回 true 表示通过，false 或抛错表示拒绝
支持更复杂规则，如非空字符串、正整数、邮箱格式、数组长度等

例如：

const validators = {
  age: v => Number.isInteger(v) && v > 0,
  email: v => typeof v === 'string' && v.includes('@'),
};
const handler = {
  set(target, prop, value) {
    if (validators[prop] && !validators[prop](value)) {
      throw new TypeError(`Invalid value for '${prop}': ${value}`);
    }
    return Reflect.set(target, prop, value);
  }
};