ES9 (ECMAScript 2018) 引入了 Proxy 对象作为一种元编程（meta-programming）方式，它可以拦截对象的基本操作（例如读取、写入和删除属性等），并且可以让我们实现高度可定制化的行为。
Proxy.revocable() 是 ES9 中新添加的方法之一，它具有创建一个可撤销的 Proxy 对象的能力。这个方法非常有用，因为它允许我们在需要时撤销一个代理对象，而不是通过引用计数或手动取消来管理它。
创建可撤销的代理对象
使用 Proxy.revocable() 方法，我们可以轻松地创建一个可撤销的代理对象。下面是一个示例，我们将使用 Proxy.revocable() 方法创建一个代理对象，然后进行一些操作：
-- -------- ---
----- --- - - ----- ------ ---- -- --
-- ---- --------- -----
----- - ------ ------ - - -------------------- -
----------- ---- --------- -
----------------- -----------
------ ------------------- ---- ----------
--
----------- ---- ------ --------- -
----------------- -------- - -----------
------ ------------------- ---- ------ ----------
--
---
-- ------
------------------------ -- -- ----- ------- - -----
--------- - --- -- -- ----- ----- - ---
-- ------
---------
-- -----------
------------------------ -- -- ---------------------在上述示例中，我们首先创建了一个普通对象 obj，然后使用 Proxy.revocable() 方法创建了一个可撤销代理 proxy。而且，当我们读取和设置代理对象上的属性时，我们添加了一些自定义行为来打印控制台消息，以便我们能够追踪代码执行。
接下来我们尝试读取和设置代理对象上的属性，并对代码的行为进行观察。最后，我们通过调用 revoke() 方法来撤销代理对象，并尝试访问它的属性会抛出 TypeError，表明 Proxy 已经被成功撤销。
指导意义
Proxy.revocable() 方法非常有用，特别是在涉及到需要限定操作对象的场景中。例如，Web 应用程序可能需要创建一些临时代理对象来实现特殊功能（例如绑定事件监听器、授权访问等），这些代理对象本质上都是临时产生的，越久存在越不安全。如此一来，我们就可以使用 Proxy.revocable() 来动态生成这些代理对象，并且可以随时在需要时撤销它们，而不用手动对其进行管理或回收。
Proxy.revocable() 方法的使用也有助于提高代码的可重用性和灵活性。例如，我们可以将代理对象的创建包装在一个函数中，并接受任何对象作为其参数来创建代理对象。这样即可使代码变得更加模块化和易于维护。
总结
Proxy.revocable() 方法是 ES9 中添加的一个非常有用的新特性。它允许我们在需要时轻松地创建可撤销的代理对象，这比通过引用计数、手动取消等方式来管理代理对象要简单得多。通过本文的介绍，我们已经了解了如何使用 Proxy.revocable() 方法来创建可撤销的代理对象，以及它所带来的指导意义。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/651ba51195b1f8cacd3486d0