Proxy通过get和set陷阱实现数据验证与访问控制，如邮箱格式校验、调试模式下限制修改apiUrl、嵌套对象递归验证等，保障数据合法性且不侵入原始逻辑。
在JavaScript中，Proxy对象提供了一种强大机制，允许你拦截并自定义对象的基本操作，比如读取、赋值、枚举等。利用它，你可以实现高级的数据验证和访问控制，而无需修改原始对象逻辑。
基本语法与核心概念
Proxy通过“陷阱”（traps）来拦截操作。最常用的是 get 和 set 陷阱，用于读取和写入属性。
创建Proxy的基本结构如下：const proxy = new Proxy(target, {
get(target, property) {
// 拦截读取操作
},
set(target, property, value) {
// 拦截写入操作，可加入验证逻辑
if (value === '') {
throw new Error('字段不能为空');
}
target[property] = value;
return true; // 必须返回true表示设置成功
}
});
实现数据类型与格式验证
你可以通过set陷阱对赋值的数据进行类型或格式校验，防止非法数据进入对象。
例如，确保邮箱格式正确：const userValidator = {
set(target, property, value) {
if (property === 'email') {
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!emailRegex.test(value)) {
console.error('无效的邮箱地址');
return false;
}
}
target[property] = value;
return true;
}
};
const user = new Proxy({}, userValidator);
user.email = 'test@example.com'; // 成功
user.email = 'invalid'; // 输出错误提示
动态访问控制与只读属性
某些属性可能需要根据条件限制访问或修改。Proxy可以实现运行时权限判断。
例如，实现一个仅在调试模式下可修改的配置对象：
const debugMode = true;
const configHandler = {
set(target, property, value) {
if (property === 'apiUrl' && !debugMode) {
console.warn('生产环境下禁止修改API地址');
return false;
}
target[property] = value;
return true;
},
get(target, property) {
if (property === 'secretKey' && !debugMode) {
return undefined;
}
return target[property];
}
};
const config = new Proxy({ apiUrl: '/prod', secretKey: '12345' }, configHandler);
嵌套对象的深度验证
对于深层嵌套的对象，可以递归地为每一层创建Proxy，实现全面拦截。
示例：自动为子对象也应用验证规则：function createValidatedProxy(obj) {
return new Proxy(obj, {
set(target, property, value) {
if (typeof value === 'object' && value !== null) {
target[property] = createValidatedProxy(value);
} else {
// 在此处统一验证基础类型
if (property === 'age' && (typeof value !== 'number' || value < 0)) {
console.error('年龄必须为正数');
return false;
}
target[property] = value;
}
return true;
}
});
}
const person = createValidatedProxy({});
person.name = 'Alice';
person.age = -5; // 触发错误
person.address = {}; // 自动代理嵌套对象
基本上就这些。Proxy的强大在于它让你能在不侵入业务代码的前提下，透明地增强对象行为。合理使用，能显著提升数据安全性与程序健壮性。注意性能影响，避免在高频操作中过度使用。
