getter 和 setter 是 javascript 中实现数据验证的核心机制,需配合 object.defineproperty 或 class 语法,在 set 中加入校验逻辑,支持类型转换、默认值处理,并注意避免递归;动态全属性拦截应使用 proxy。

Getter 和 Setter 是 JavaScript 中控制对象属性读取和赋值的关键机制,它们本身不自动验证数据,但配合 Object.defineProperty 或 ES6 的类语法,就能在设值时拦截、检查并规范输入——这才是实现数据验证的核心方式。
用 Object.defineProperty 手动定义带验证的 Getter/Setter
这是最基础也最清晰的方式,适合理解原理。你通过描述符(descriptor)显式声明 get 和 set 函数,在 set 中加入校验逻辑:
- 定义一个空对象,比如
const user = {} - 用
Object.defineProperty为它添加属性(如age),并在set中判断是否为合法数字:
如果小于 0 或大于 150,抛出错误或静默忽略;
否则才真正存入私有变量(如_age)。 -
get可以直接返回该私有变量,也可做格式化(如返回字符串“已成年”)。
在 class 中用 getter/setter 实现封装式验证
ES6 类语法更简洁直观,适合组织业务逻辑。注意:class 内部的 getter/setter 默认作用于实例自身,需配合私有字段(#age)或下划线约定(_age)避免无限递归:
- 使用私有字段(推荐):
class User { #age = 0; set age(value) { if (Number.isInteger(value) && value >= 0) this.#age = value; else throw new Error('年龄必须是非负整数'); } get age() { return this.#age; } } - 若用下划线命名(如
_age),务必确保 set 中赋值的是this._age,而非this.age(否则会再次触发 set,造成死循环)。
验证不只是“拦错”,还要考虑默认值与类型转换
真实场景中,用户输入常是字符串(如表单提交),直接拒绝可能体验不好。你可以让 setter 更“宽容”:
- 尝试用
parseInt或Number()转换输入,再判断是否有效; - 对空值、
null、undefined设定默认行为(如设为 0 或保留原值); - 把验证逻辑抽离成独立函数(如
isValidEmail(str)),让 setter 更干净,也便于复用和测试。
注意局限性:Proxy 才能监听任意属性
Getter/Setter 只对**已明确定义的属性**生效。如果你需要动态拦截所有属性(包括未来新增的),或者想统一处理多个属性的验证规则,应改用 Proxy:
- Proxy 的
settrap 可捕获对任意属性的赋值; - 结合 schema 配置(如 { name: { type: 'string', required: true } }),可实现类似后端校验的灵活机制;
- 不过 Proxy 是运行时代理,开销略高,初学者建议先掌握 getter/setter,再进阶用 Proxy。










