在 ES2016 中，引入了 Proxy 对象作为一种新的控制对象上的访问和修改的方式。Proxy 可以用于构建元编程 API，使其更加灵活和可扩展。而在 ES7 中，新增了 Proxy.revocable() 方法，使得可以动态地撤销代理对象，进一步增强了 Proxy 对象的灵活性。
什么是 Proxy
简单来说， Proxy 可以理解为一个代理器，它是对一个对象的访问进行拦截和控制。我们可以在代理对象上定义一些操作，在对原对象进行操作时，会先经过代理对象进行拦截和处理，然后再传递给原对象。常见的一些拦截操作有 get（获取对象属性）、set（设置对象属性）、apply（调用函数）等。这些操作可以实现丰富的功能，如数据校验、权限控制、性能监控等。
-- -------------------- ---- -------
----- ------ - -
----- ------
---- --
-
----- ----- - --- ------------- -
----------- -------- -
---------------- -------------
------ ----------------
--
----------- -------- ------ -
---------------- ---------- - -----------
--------------- - ------
------ -----
-
--
---------- -- --- ----- -----
--------- - -- -- --- --- - --Proxy.revocable 方法
Proxy.revocable 方法是 ES7 新增的方法，用于创建一个可撤销的代理对象。与 new Proxy() 创建的代理对象不同，revocable() 方法返回的是一个包含代理对象和 revoke 方法的对象。调用 revoke 方法可以撤销对应的代理对象，即让原对象和代理对象之间的联系断开。撤销后，对代理对象的任何操作都会报错。
-- -------------------- ---- ------- ----- ------ - - ----- ------ ---- -- - ----- - ------ ------ - - ----------------------- ---- ------------------------ -- ----- --------- ------------------------ -- ---------- ------ ------- ----- -- - ----- ---- --- ---- -------
应用场景
安全控制
使用 Proxy.revocable 方法可以实现安全控制，保证代理对象只能在授权的情况下进行访问操作。例如，我们可以在服务器端生成一个带有授权信息的代理对象，并将其发送给客户端，客户端只有在拥有授权信息的情况下才能对代理对象进行操作。如果授权过期或者被撤销，那么客户端对代理对象的任何操作都将被拒绝。
-- -------------------- ---- -------
-- -------------------
----- ------ - -
----- ------
------ ---
-
----- ----- - ------------------- -- ----
----- - ------ ------ - - ----------------------- -
----------- -------- -
-- -------- --- -------- -
-- ------ --- ------------------- - -- ----
----- --- ---------- --- --- ---------- -- ------ ---- -----------
-
-
------ ----------------
-
--
-- ----------
-------------------- ----- ---- -- -
---------- ------ ----- ---
--
-- ---------
------------------
-------------- -- ----------------
---------- -- -
----- - ------ ----- - - -----
------------------------ -- -----
------------------------- -- ------ --- --- --- ---------- -- ------ ---- --------
--缓存操作
在使用缓存技术时，我们可以通过对代理对象的 set 操作进行拦截和处理，实现对缓存的自动更新和过期清理。在缓存失效或者需要清空时，可以调用 revoke 方法撤销代理对象，使其失效并重新生成一个新的代理对象。
-- -------------------- ---- -------
--- ---------- - -----
----- ---------- - - - -- - -----
----- --------- - -- -- -
--------------------- ---- ---- ---------
-- ---------
-
----- - ------ ------ - - --------------------------- -
----------- -------- ------ -
--------------- - ------
----------------------------- -----------------------
------ -----
-
--
----- ------------- - -- -- -
-- ------------ -
------ ----------------------------
-
----- ---------- - -----------------------------------------------
-- ----------- -- ----------- - --------------------- - ----------- -
---------- - ----------------
------ ----------------------------
-
------ --------------------- -- -
---------- - -----
---------
------ -----------
--
-
------------------------- -- -------------------总结
使用 Proxy.revocable 方法可以实现代理对象的动态撤销，从而增强代理对象的灵活性和安全性。在开发中，我们可以根据实际需求，灵活运用 Proxy.revocable 方法，减少代码的耦合性和复杂性。同时，使用 Proxy 和 Proxy.revocable 也需要注意操作的内存占用和性能影响，为了保证应用程序的稳定性和良好的用户体验，需要进行合理的测试和优化。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649d6e5d48841e9894a3081a