JavaScript 代理 (Proxy) 允许通过创建一个代理对象来间接访问目标对象，从而拦截和修改其操作，例如属性访问、设置和函数调用。代理对象可用于验证、格式化数据、添加新功能、创建自定义数据访问模式、监视更改和创建可观察对象。
JavaScript 代理 (Proxy) 的作用
JavaScript 代理是一种元编程技术，允许对目标对象进行拦截和修改。它通过创建一个代理对象来间接访问底层目标对象，代理对象可以对目标对象进行操作，例如对属性的访问、设置和函数的调用。
用途
JavaScript 代理有多种用途，包括：
- 拦截和修改属性和方法：代理对象可以拦截对目标对象属性和方法的访问和修改，从而进行验证、格式化或执行其他操作。
- 添加新属性和方法：代理对象可以向目标对象添加新的属性和方法，从而扩展其功能。
- 创建自定义数据访问模式：代理对象可以创建自定义的数据访问模式，例如延迟加载或惰性求值。
- 监视对象更改：代理对象可以监视对目标对象的更改，并触发事件或执行其他操作。
- 创建可观察对象：代理对象可以使目标对象可观察，允许其他对象订阅并接收目标对象更改的通知。
工作原理
JavaScript 代理通过实现 Proxy 对象的两个主要方法来工作：
-
get：当代理对象属性被访问时调用。它返回目标对象的属性值。 -
set：当代理对象属性被设置时调用。它设置目标对象的属性值。
示例
以下是使用代理对象拦截并修改属性访问的一个简单示例：
const target = { foo: 1 };
const proxy = new Proxy(target, {
get: function(target, property) {
console.log(`访问属性 ${property}`);
return target[property];
}
});
console.log(proxy.foo); // 打印：访问属性 foo
在上面的示例中，代理对象在访问 foo 属性时拦截了访问，并打印了一条消息以指示该访问。
