Proxy与Reflect结合可实现属性验证、深层冻结、方法自动绑定及响应式数据监听。1. 通过set拦截赋值并用Reflect保持默认行为，实现类型校验；2. 利用get递归代理嵌套对象，配合不可变操作拦截，实现深冻结；3. 在get中对函数自动bind实例，解决this丢失问题；4. 在set中触发回调，构建响应式系统。二者协同增强了对象控制力与代码灵活性。
JavaScript中的代理（Proxy）与反射（Reflect）API不仅可用于基础的属性拦截，还能实现许多高级功能。它们结合使用能极大增强对象操作的灵活性和控制力。
1. 拦截并验证对象操作
通过Proxy可以拦截对对象的所有关键操作，比如读取、写入、删除属性等，并在Reflect的帮助下保持默认行为的同时加入校验逻辑。
例如，构建一个只允许特定类型值写入的对象：
const validatedObj = new Proxy({}, {
set(target, property, value) {
if (typeof value !== 'string') {
throw new TypeError('必须为字符串类型');
}
return Reflect.set(target, property, value);
},
get(target, property) {
if (!(property in target)) {
console.warn(`访问了未定义属性 ${property}`);
}
return Reflect.get(target, property);
}
});
这样既实现了类型约束，又保留了原生行为的完整性。
立即学习“Java免费学习笔记（深入）”；
2. 实现不可变对象的深层冻结
原生Object.freeze只能浅层冻结。利用Proxy可创建真正不可变的对象，包括嵌套属性。
做法是递归包装每个返回的对象：
function deepFreeze(obj) {
const handler = {
set() { throw new Error('对象已冻结，不可修改'); },
defineProperty() { throw new Error('不可定义新属性'); },
deleteProperty() { throw new Error('不可删除属性'); },
get(target, property) {
const value = Reflect.get(target, property);
return typeof value === 'object' && value !== null ? new Proxy(value, handler) : value;
}
};
return new Proxy(obj, handler);
}
这种方式能防止所有层级的数据被篡改，适合配置对象或状态管理。
3. 实现自动绑定方法的类实例
常遇到类方法传入事件监听器时丢失this的问题。Proxy可以在访问方法时自动绑定上下文。
function autoBind(target) {
return new Proxy(target, {
get(instance, property) {
const value = Reflect.get(instance, property);
if (typeof value === 'function') {
return value.bind(instance);
}
return value;
}
});
}
class Counter {
count = 0;
increment() { this.count++; }
}
const counter = autoBind(new Counter());
setTimeout(counter.increment, 100); // 正常工作
避免手动绑定或使用箭头函数，提升开发体验。
4. 构建可观测的数据响应系统
类似Vue的响应式原理，可以用Proxy监听数据变化并触发回调。
结合Reflect确保行为一致：
function observe(data, callback) {
return new Proxy(data, {
set(target, property, value) {
const result = Reflect.set(target, property, value);
callback(property, value);
return result;
}
});
}
const state = observe({ name: 'Alice' }, (key, val) => {
console.log(`${key} 变更为 ${val}`);
});
state.name = 'Bob'; // 输出：name 变更为 Bob
这种模式可用于简易的状态管理或调试工具。
基本上就这些。Proxy 和 Reflect 的组合提供了元编程的强大能力，合理使用能让代码更健壮、灵活。关键是理解拦截时机，并用 Reflect 保持语言默认语义。不复杂但容易忽略细节。
