ES6 中的 Proxy 是一个非常有用的工具，它允许我们拦截并修改对象的基本操作。这为我们提供了一种全新的编程方式。
Proxy 的作用
使用 Proxy 可以监视一个对象操作，比如：获取对象上的属性、调用对象的方法、设置对象的属性等等。当然，我们还可以对这些操作进行修改和拦截。
-- -------------------- ---- -------
--- --- - --- --------- -
---- ---------------- ---- --------- -
-------------------- ----------
------ ------------------- ---- ----------
--
---- ---------------- ---- ------ --------- -
-------------------- ----------
------ ------------------- ---- ------ ----------
-
---
------- - ------ -- ------- ----
--------------------- -- ------- ---- ---Proxy 的第一个参数是要监视的对象，第二个参数是一个叫做 “handler” 的对象，它有一些方法用于拦截操作。
代理与反射
代理和反射是 Proxy 的两个核心概念，它们分别用于创建代理对象和为代理对象提供操作方法。
创建代理对象
我们创建一个代理对象时，需要使用 Proxy 构造函数，它接受两个参数：要代理的目标对象和一个处理程序对象。
const proxy = new Proxy(target, handler);
为代理对象提供操作方法
为了为代理对象提供操作方法，我们需要使用 Reflect 对象，它有一些方法用于改变对象的属性、方法等。
Reflect.get(target, name, receiver); Reflect.set(target, name, value, receiver); Reflect.apply(target, thisArg, args);
这些方法的使用方式和对应的代理处理程序方法非常相似。
Proxy 的应用
监听属性修改
使用 Proxy 监听对象属性的修改非常简单，我们只需要监听 set 方法，当属性被修改时自动调用：
-- -------------------- ---- -------
----- ------ - -
----- ------
---- --
--
----- ------- - -
----------- ---- ------ --------- -
------------------- --- -------------- --- -----------
------ ------------------- ---- ------ ----------
-
--
----- ----- - --- ------------- ---------
---------- - ------ -- ---- --- --- --- ---数据检验
我们可以使用 Proxy 来检验数据的正确性，例如判断年龄是否为整数。
-- -------------------- ---- -------
----- ------ - -
----- ------
---- --
--
----- ------- - -
----------- ---- ------ --------- -
-- ---- --- ----- -- ------ ----- --- -------- -- ------------------------- -
----- ------------------
-
------ ------------------- ---- ------ ----------
-
--
----- ----- - --- ------------- ---------
--------- - ----- -- -------- ------ --------实现代理合并
我们可以使用 Proxy 实现对象属性的合并，当要获取属性时判断两个对象是否都有该属性，如果都有，则返回合并后的值。
-- -------------------- ---- -------
----- ---- - - ----- ------ ---- -- --
----- ---- - - ----- ------ ------- ------ --
----- ------- - -
----------- ---- --------- -
-- -------------------- ----- -
------ ------------------- ---- ----------
- ---- -- ------------------ ----- -
------ ----------------- ---- ----------
-
------ ----------
-
--
----- ----- - --- --------- ---------
------------------------ -- ---
----------------------- -- --
-------------------------- -- ----实现数组负数索引
我们可以使用 Proxy 实现数组的负数索引。
-- -------------------- ---- -------
----- --- - --- -- ---
----- ------- - -
----------- ---- --------- -
----- --- - ------------
-- ---- - -- -
--- - -------------------- - -----
-
------ ------------------- ---- ----------
-
--
----- ----- - --- ---------- ---------
----------------------- -- -
----------------------- -- -
----------------------- -- -总结
Proxy 为我们提供了一种全新的编程方式，通过拦截和修改对象操作，我们可以解决很多传统编程语言所无法实现的问题。在使用 Proxy 时需要注意处理好代理和反射的逻辑，并进行良好的封装，以便提高代码的可维护性和复用性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a8c50248841e98945261b0