什么是 Proxy？
Proxy 是 ECMAScript 6 中新增的一个对象，用于创建一个可被代理的对象。通过代理，我们可以在对象的操作过程中进行拦截和拦截操作。Proxy 的目的是为了使用一些新的权利来保证对象的安全，同时也可以在对象的操作过程中进行特定的操作。
Proxy 的用途
Proxy 可以被用于很多场景。比如说，可以用 Proxy 代理一个对象的访问，当访问这个对象时，Proxy 可以在访问前做一些安全检查，用来保证数据的安全性。其中，Proxy 还可以用来控制一个对象的访问次数和访问时间。
Proxy 构造重载工厂
Proxy 构造重载工厂是指，通过 Proxy 重载构造器接口，来实现任意数量和类型的参数。一种实现方法是：通过代理实现任意数量和类型的参数传入，通过模拟构造器的方法，生成新的实例。
示例如下：
-- -------------------- ---- -------
----- -------- - ------- --- ----- -- -
------ --- --------- -
------------- -------- ----- -
--- ---- ----------- ----------- -- ------ -
-- ------- --------- --- -------- -- ------ --------------- --- ----------- -
------ --------------------------- ---------------
-
-- ------- --------- --- ---------- -- ------------------- -
------ ---------------------- ------
-
-
------ ------------------ ------
-
---
--对于上述代码，我们可以将 fnMap 看作是一个 Map，其中 key 就是用于匹配函数调用的条件，value 就是对应的函数名。当我们调用 overload 函数时，会通过 Proxy 的 apply 方法，将匹配到的 key 对应的 value 调用。
例如：
const Person = function (firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
};
const PersonProxy = overload([[typeof {}, 'fromLiteral']], Person);
PersonProxy.fromLiteral({ firstName: 'John', lastName: 'Doe' });在上述代码中，我们通过 PersonProxy 来生成实例，从而代替了传统的 Person('John', 'Doe')，可以传入一个对象来生成实例。
总结
Proxy 可以极大扩展我们的操作权利，而通过代理实现的工厂，可以让我们轻松实现代码的重载。对于前端开发来说，这样的技术可以帮助我们更快速地完成代码库的构建，更加方便地处理复杂的对象和函数操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f315fdf6b2d6eab3c98f1f