提到 proxy，貌似很多人的印象是这东西是实现 vue3 的核心，但好像除此以外就没有什么关于 proxy 实际应用的场景了。今天就重新在了解一下 proxy，并在文章最后会给出几个 proxy 的实际应用案例

Proxy 对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等）。proxy有一个唯一的静态方法，Proxy.revocable(target, handler)

据阮一峰文章介绍：Proxy可以理解成，在目标对象之前架设一层 “拦截”，当外界对该对象访问的时候，都必须经过这层拦截，而Proxy就充当了这种机制，类似于代理的含义，它可以对外界访问对象之前进行过滤和改写该对象。

Proxy 可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy 这个词的原意是代理

我们可以利用 Proxy 和 Reflect 来实现对于对象的代理劫持操作，类似于 Es 5 中 Object.defineProperty() 的效果，不过 Reflect & Proxy 远远比它强大。大多数开发者都了解这两个 Es6 中的新增内置模块

Proxy对象用于创建一个对象的代理，是用于监听一个对象的相关操作。代理对象可以监听我们对原对象的操作。接下来我们将通过一个监听对象的属性操作来认识学习下什么是Proxy。

Proxy 可以理解为，在操作对象时要先经过一层“拦截器”。访问对象时，都必须先经过这一层拦截。这就意味着你可以在拦截里做各种骚操作。 比如，整一个 Proxy 的对象用来对后端返回的数据类型进行类型校验

Proxy可以包装任何形式的对象：包括原生数组，函数，甚至另一个代理，代理实例中没有指定的handler,实际就是操作原对象target

Reflect 是一个内置的对象，它提供拦截 JavaScript 操作的方法。这些方法与proxy handlers的方法相同。Reflect不是一个函数对象，因此它是不可构造的。可用来替换部分Object静态函数， 比较好的一点是__避免直接报错__

Proxy是ES6规范定义的标准内置对象，可以对目标对象的读取、函数调用等操作进行拦截。一般来说，通过Proxy可以让目标对象“可控”，比如是否能调用对象的某个方法，能否往对象添加属性等等。

Proxy用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种『元编程』即对编程语言进行编程。Proxy 是在目标对象之前架设一层『拦截』，外部对对象的访问，都需要经过该层拦截。因此在拦截中对外界的访问进行过滤和改写。

使用Proxy，你可以将一只猫伪装成一只老虎。下面大约有6个例子，我希望它们能让你相信，Proxy 提供了强大的 Javascript 元编程。尽管它不像其他ES6功能用的普遍，但Proxy有许多用途

通过调用new proxy()你可以创建一个代理来替代另一个对象（被称为目标），这个代理对目标对象进行了虚拟，因此该代理与该目标对象表面上可以被当做同一个对象来对待。

通常，当谈到JavaScript语言时，我们讨论的是ES6标准提供的新特性，本文也不例外。 我们将讨论JavaScript代理以及它们的作用，但在我们深入研究之前，我们先来看一下Proxy的定义是什么。

Proxy 用于修改某些操作的默认行为（基本操作有属性查找，赋值，枚举，函数调用等）。get(target, propKey, receiver)：拦截对象属性的读取；set: function(obj, prop, value,receive) : 拦截某个属性的赋值操作