在前端开发中，对象代理是一项非常常见的任务，我们常常需要操作或代理某个对象并且拦截一些行为，这时候 Proxy 和 Reflect 就派上用场了。
什么是 Proxy 和 Reflect？
ES6 引进了 Proxy 对象，它可以在目标对象之前架设一层"拦截"，从而对目标对象的访问进行过滤和改写。可以理解成在目标对象前面架设一层"拦截"，外界对该对象的访问，都必须先通过这层拦截，因此可以对外界的访问进行各种拦截和处理。
Reflect 是一个新的内置对象，它提供了一组用于操作 JavaScript 对象的方法。Reflect 的设计与 Proxy 保持了一致性。Reflect API 可以说是 Proxy API 的非常良好的补充，可以使我们以一种干净和一致的方式对对象进行元编程操作。
如何利用 Proxy 和 Reflect 实现代理？
下面我们来举几个实际的例子，来演示如何使用 Proxy 和 Reflect 来实现对象代理。
1. 对象访问拦截
下面的代码利用 Proxy 来拦截获取对象属性或方法的操作，并且在进行操作之前加入了一些其他的逻辑操作。
-- -------------------- ---- -------
----- --------- - -
----- ---- ------
--------- -------------
----------- ----- -- --- ------
--
----- ------- - -
----------- ---- -
-------------------- ---------
------ ------------------- -----
--
----------- ---- ------ -
-------------------- ------ -- -----------
------ ------------------- ---- -------
-
--
----- ------------ - --- ---------------- ---------
-------------------------------
-- ------- ------- ----
-- --- ----
--------------------- - ------- --- ------
-- ------- ------- -------- -- ------ --- ----在上面的代码中，我们定义了一个对象 my_object，然后创建了一个代理对象 proxy_object。通过定义 handler 对象中的 get 和 set 方法，我们成功地实现了对象访问拦截，并且在操作前加上了其他逻辑，例如在控制台上输出 Getting key 或 Setting key to value。
2. 拦截函数调用
下面的代码展示了如何通过利用 Proxy 来拦截某个对象的函数，并添加一些其他逻辑。
-- -------------------- ---- -------
----- --- -
------ -
------------------ --------
-
-
----- ------- - -
------------- -------- ----- -
-------------------- ---- ------------
------ --------------------- -------- ------
-
-
----- --- - --- ------
----- --------- - --- --------------- ---------
------------
-- ------- ------- ---- ---------
-- ----- -----在上面的代码中，我们定义了一个 Dog 类，并在其中定义了 bark 方法。然后，在 handler 对象中定义了一个 apply 方法来拦截当前对象中的函数调用，并在控制台上输出 Calling bark method...，并调用原本的 bark 方法。
总结
以上我们介绍了 Proxy 和 Reflect 的基本使用，以及它们在对象代理中的应用。使用一些简单的例子展示了如何使用 Proxy 和 Reflect 对对象进行各种操作，包括访问拦截和函数调用拦截等等。
虽然 Proxy 和 Reflect 带来的新特性可能不会直接影响到普通的开发人员，但是它们的出现使得 JavaScript 的功能变得更加灵活，有助于我们创建更多有趣和复杂的应用程序，所以我们仍然要好好学习并掌握它们的用法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647effb948841e9894eb084d