Proxy 是 JavaScript 中用于拦截和自定义对象基本操作的代理机制，但仅对显式创建的代理对象生效，无法拦截原始对象；仅支持特定 trap（如 get、set），且需配合 Reflect 方法保持语义正确。
Proxy 是什么？它真能拦截所有对象操作吗？
不能。Proxy 只能拦截对代理对象本身的操作，不作用于原始对象；且仅对明确支持的 trap（如 get、set、has、deleteProperty 等）生效。像直接读取原型链上的属性、或调用未被拦截的方法（如 Object.keys()），不会触发对应 trap。
必须用 new Proxy(target, handler) 显式创建代理，原对象不受影响。常见误操作是：改了 target 却忘了操作的是 proxy，结果发现拦截没生效。
哪些操作必须搭配 Reflect 使用才合理？
绝大多数 trap 的默认行为应委托给 Reflect 对应方法，否则容易破坏语言语义。比如手动实现 set 时漏掉 Reflect.set() 返回值（布尔值），会导致严格模式下赋值失败却无报错。
-
get/set应调用Reflect.get()/Reflect.set()，而非直接访问target[key]—— 否则绕过原型链查找、忽略 getter/setter -
apply和construct必须返回实际执行结果，要用Reflect.apply()或Reflect.construct() -
ownKeys若返回非数组、或包含非法键名（如重复字符串、Symbol 以外的非字符串），会直接抛TypeError
常见拦截失败场景与修复方式
以下情况看似该拦截，实则不会触发 trap：
动态WEB网站中的PHP和MySQL：直观的QuickPro指南第2版
下载
动态WEB网站中的PHP和MySQL详细反映实际程序的需求，仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法，让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能，对常用的、强大的包
立即学习“Java免费学习笔记（深入）”；
- 对代理对象解构：
const { x } = proxy→ 触发get，但若x是 undefined 且没定义 getter，就不会进get的逻辑体（因为没真正读取） -
for...in遍历 → 拦截的是ownKeys+has，不是get；若ownKeys没返回该属性，遍历时就看不到 -
Object.getOwnPropertyDescriptor(proxy, 'x')→ 触发getOwnPropertyDescriptor，不是get；不定义该 trap 就走默认逻辑 - 使用
Array.prototype.push修改代理数组 → 实际触发set（索引位）和set（length），但若 handler 里没处理数字索引或length，就静默失败
一个带类型校验的 set 拦截示例
下面代码限制对象只允许写入 string 类型的值，并拒绝 undefined 或 null：
const target = {};
const proxy = new Proxy(target, {
set(obj, key, value) {
if (value === null || value === undefined) {
console.warn(`拒绝设置 ${key}: 值不能为 null 或 undefined`);
return false; // 拦截赋值
}
if (typeof value !== 'string') {
console.warn(`拒绝设置 ${key}: 期望 string，得到 ${typeof value}`);
return false;
}
return Reflect.set(obj, key, value); // 必须返回 true/false
}
});
proxy.name = 'Alice'; // ✅ 正常
proxy.age = 42; // ❌ 警告，赋值失败
console.log(proxy.name); // 'Alice'
console.log(proxy.age); // undefined
注意：return false 在严格模式下会抛 TypeError，生产环境建议统一用 throw 显式报错，避免静默失败难以调试。
