ECMAScript 2017 中的 Proxy 对象：控制对象访问和修改
ECMAScript 2017 中引入了 Proxy 对象，这是 JavaScript 中一个强大而又灵活的特性。通过使用 Proxy 对象，我们可以动态地为其他对象提供一组自定义的操作和方法。
Proxy 对象是用于在目标对象之前架设一层“拦截”，从而能够对目标对象进行各种操作。Proxy 对象可用于实现诸如数据验证、界面拦截、日志记录等功能，还能很好地用于实现对象间的协作。
Proxy 对象提供了一种机制来拦截对受包装对象的访问，包括对受包装对象的属性的读取和写入，以及方法的调用。这些操作通过父对象访问时会被拦截，而后者会转到一个可自定义的处理器，该处理器可定义执行的回调函数。
在实现 Proxy 对象时，我们可以为其定义一些“陷阱”（trap），这些陷阱可以用来拦截 JavaScript 引擎内的一些原生操作。每个陷阱都映射到在 Proxy 上调用的 API。通常，陷阱只是一些预定义的函数，其中一些参数会根据调用设置为不同的值。
下面，我们来看一个示例，使用 Proxy 对象实现一个简单的对象日志记录器：
-- -------------------- ---- -------
--- ------- - -
---- ---------------- ----- -
-------------------- ------- -----
------ -------------
--
---- ---------------- --------- ------ -
-------------------- ----------- --- -----------
---------------- - ------
------ -----
-
--
--- --- - --- --------- ---------
------- - ----
------- - ----
---------------------
---------------------在这个示例中，我们首先定义了一个名为 handler 的对象，它包含了 get 和 set 两个方法。然后，我们使用 Proxy 对象把一个空对象包装起来，并把 handler 当作参数传递进去。
我们在示例中使用了 get 和 set 来拦截对象的访问和修改操作，并添加了一些日志输出。
例如，当我们设置 obj 的属性时，set 会先于系统内置的赋值操作执行。按照上面示例的方法，当我们使用 obj.one = '1' 时，控制台会输出：
正在设置对象的 one 属性为 1
然后，当我们获取 obj 的属性时，例如 obj.one，get 方法将执行，并在控制台输出：
正在获取对象的 one 属性
最后，我们可以访问 obj 的属性，并在控制台得到输出：
1
2
以上就是一个简单的 Proxy 对象示例，我们用该示例来展示 Proxy 对象如何拦截对象的属性读取和赋值操作，以及如何自定义处理函数。
总结
Proxy 对象是 ECMAScript 2017 中引入的一个强大而灵活的特性。通过使用 Proxy 对象，我们可以自定义访问和修改对象的行为，实现一些实用的功能和应用程序。
在实现 Proxy 对象时，我们可以定义自定义的陷阱函数，用于拦截对目标对象的访问操作。同时，我们也可以自定义操作的行为，并添加一些自己的代码逻辑。
如果你还没有开始使用 Proxy 对象，那么我建议你尝试一下。掌握 Proxy 对象可以让你更好地处理 JavaScript 的对象，使你的代码更加清晰、简单，同时也提高了代码的可维护性。
以上是 Proxy 对象的基本介绍与示例，希望对你学习和了解 Proxy 对象有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f43f5df6b2d6eab3d5608a