Proxy 的 set trap 是拦截赋值操作的正确方式，可在赋值第一时间统一校验类型、范围、格式等；Object.defineProperty 的 setter 仅适用于固定结构对象，缺乏动态性和集中维护能力。

JavaScript 中的 setter 拦截器（即通过 set 语法定义的访问器属性）本身不是 Proxy 的拦截器，但常被误称为“setter 拦截器”。真正用于拦截赋值操作的是 Proxy 的 set trap。它在数据校验场景中极为实用——能在属性被赋值的**第一时间**介入，统一执行类型检查、范围验证、格式规范等逻辑，避免校验散落在各处。

用 Proxy.set 实现通用数据校验

Proxy 的 set 方法可捕获对目标对象任意属性的赋值行为，适合封装成可复用的校验代理：

• 接收三个参数：target（原对象）、property（属性名）、value（待赋值）
• 返回 true 表示赋值成功，false 或抛错则阻止赋值（严格模式下会报错）
• 可在其中调用自定义校验函数，比如 validateEmail(value) 或 isInRange(value, 0, 100)

结合 schema 定义字段级规则

为不同属性配置独立校验策略，提升灵活性：

• 预先定义一个校验规则对象，如 { age: { type: 'number', min: 0, max: 150 }, email: { pattern: /^[^\s@]+@[^\s@]+\.[^\s@]+$/ } }
• 在 set trap 中根据 property 查找对应规则，动态执行匹配
• 校验失败时可抛出自定义错误（如 new ValidationError(`${property} 格式不合法`)），便于上层捕获处理

注意不可枚举与继承性限制

Proxy 代理的是整个对象，但校验逻辑不会自动作用于原型链上的属性：

javascript-pro

专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家，适用于现代开发

下载

立即学习“Java免费学习笔记（深入）”；

• 若目标对象有原型，set trap 默认只拦截自有属性赋值；想拦截原型属性需显式处理 Reflect.getPrototypeOf(target)[property]
• Proxy 不会改变属性的枚举性（enumerable），但代理对象本身无法通过 for...in 或 Object.keys() 直接获取原始属性，需配合 ownKeys 和 getOwnPropertyDescriptor trap 补全
• 校验逻辑应避免副作用，例如不要在 set 中修改其他属性，否则可能引发隐式递归赋值

替代方案：Object.defineProperty + setter 的适用边界

对固定结构的对象，可用 Object.defineProperty 为每个字段单独设 setter：

• 优点是轻量、无 Proxy 兼容性问题（IE9+ 支持），适合配置型数据（如表单模型）
• 缺点是无法动态新增带校验的属性，且每个字段需重复写校验逻辑，不易集中维护
• 适合字段少、结构稳定、不需要运行时扩展的场景；Proxy 更适合动态表单、配置中心、响应式系统底层

不复杂但容易忽略：校验应在赋值前完成，且明确区分“拒绝赋值”和“转换后赋值”（如自动 trim 字符串）。选择 Proxy 还是 defineProperty，取决于你的数据是否动态、校验是否需统一入口、以及兼容性要求。