Proxy 是一种 在JavaScript中用于创建代理对象的技术。它允许你拦截并改变一个对象的基本操作，如属性访问、赋值、枚举、函数调用等。Proxy 通过创建一个目标对象的代理来实现这些功能，并且可以在代理对象上定义自定义行为。
要创建一个 Proxy，你需要两个参数：
目标对象（target）：
这是你想要代理的对象，可以是任何类型的对象，包括原生数组、函数甚至另一个代理。
处理器对象（handler）：
这是一个对象，其属性是当执行一个操作时定义代理行为的函数。
Proxy 的基本用法如下：
```javascript
const target = {}；
const handler = {
get: function（obj, prop） {
// 自定义读取操作
return prop in obj ？ obj[prop] : 'Property not found'；
},
set: function（obj, prop, value） {
// 自定义写入操作
if （prop === 'age' && typeof value !== 'number'） {
throw new TypeError（'Age must be a number'）；
}
obj[prop] = value；
return true；
}
}；
const proxy = new Proxy（target, handler）；
```
在这个例子中，我们定义了一个简单的处理器对象，它拦截了对目标对象属性的读取和写入操作。当读取属性时，如果属性存在则返回该属性的值，否则返回 `'Property not found'`。当写入属性时，如果属性是 `'age'` 并且值不是数字，则抛出类型错误。
Proxy 在很多场景下都非常有用，例如：
数据验证：在设置属性值之前进行验证。
日志记录：记录对对象属性的所有访问和修改。
延迟初始化：在首次访问属性时进行初始化。
安全控制：控制对对象属性的访问权限。
此外，Proxy 还可以用于实现响应式数据绑定，例如在 Vue 3 中，Proxy 被用来实现响应式数据的代理，从而在数据变化时自动更新视图。
总结来说，Proxy 是一种强大的工具，它允许你在 JavaScript 中创建代理对象并自定义对象的基本操作，从而在不改变原有代码的基础上增加额外的功能和控制。