在 ES6 中，我们引入了两个新的对象：Reflect 和 Proxy。这两个新的对象为我们提供了更好的控制对象行为的方式。在本文中，我们将详细介绍 ES6 中的 Reflect 对象和 Proxy 对象，以及它们之间的关系。
Reflect 对象
Reflect 对象是一个内置对象，在全局作用域中被定义。它提供了许多与内置对象有关的方法，例如：
- Reflect.apply()：调用一个函数并传入一个给定的上下文和参数
- Reflect.construct()：使用给定参数创建一个对象的实例
- Reflect.defineProperty()：定义一个属性并在对象中返回一个布尔值表示成功
- Reflect.deleteProperty()：删除对象中的属性并返回一个布尔值表示成功
- Reflect.get()：返回一个对象的特定属性的值
- Reflect.preventExtensions()：防止对象被扩展
- Reflect.set()：设置一个对象的特定属性的值
- Reflect.setPrototypeOf()：设置一个对象的原型
Reflect 对象的方法与它们的 Object 对象的方法类似，但它们具有更简单和统一的语法，通常它们操作失败时返回 false，但抛出异常的类型不同于 Object 对象的方法。
Proxy 对象
Proxy 对象是一个可以被包装的对象，其代理了底层对象，并能够截取其属性读取、写入以及其他操作。在创建一个 Proxy 对象时，需要传入两个参数：
let proxy = new Proxy(target, handler);
- target：被代理的对象
- handler：一个处理程序对象，它包含各种方法来拦截试图访问目标对象的属性、定义属性和删除属性等和对目标对象进行操作的操作。
代理对象可以拦截目标对象的访问，并在访问之前和之后执行代码，例如：
-- -------------------- ---- -------
--- ------ - -
----- -----
--
--- ----- - --- ------------- -
---- ---------------- --------- -
-------------------- --- ----------- ------------
------ -----------------
--
---- ---------------- --------- ------ -
-------------------- --- ----------- ------------
---------------- - ------
-
---
----------- -- -----
---------- - -------- -- -------在上面的代码中，我们创建了一个代理对象，他代理了一个名为 target 的对象，该对象有一个属性 name。我们定义了两个处理程序方法 get 和 set，分别处理获取 target 对象属性值和设置 target 对象属性值。当通过代理对象访问 target 对象属性时，我们会看到控制台输出信息。
Proxy 对象的应用场景
- 数据验证
- 跟踪属性和方法的访问和修改
- 调试复杂代码
- 性能分析
- 实现智能缓存
Reflect 对象和 Proxy 对象的联系
Reflect 对象和 Proxy 对象是紧密相关的。每个 Proxy 对象都有一个关联的 Reflect 对象。我们可以使用 Reflect 对象来覆盖被代理对象的默认行为。
例如，我们可以这样重写上面的代理对象：
-- -------------------- ---- -------
--- ------ - -
----- -----
--
--- ------- - -
---- ---------------- --------- -
-------------------- --- ----------- ------------
------ ------------------- ----------
--
---- ---------------- --------- ------ -
-------------------- --- ----------- ------------
------ ------------------- --------- -------
--
--------------- ---------------- --------- -
--------------------- --- ----------- ------------
------ ------------------------------ ----------
-
--
--- ----- - --- ------------- ---------
----------- -- -----
---------- - -------- -- -------
------ ----------- -- ----在上面的代码中，我们仍然创建了一个代理对象，并使用 get、set 和 deleteProperty 方法拦截了相应的操作。但是我们现在使用 Reflect 对象来执行目标对象的相应操作。
混合使用
我们可以通过使用 Proxy 对象和 Reflect 对象来切换行为。例如，我们可以使用 Proxy 对象拦截对一个项目的访问，但是我们可以使用 Reflect 对象来在某些情况下覆盖默认行为。
-- -------------------- ---- -------
--- ----- - --- -------
----- ------
---- ----
-- -
---- ---------------- --------- -
-- --------- --- ------ -
------ ------------------- ---------------------
-
------ -----------------
-
---
---------- -- ----在上面的代码中，我们创建了一个代理对象，代理了一个对象，其具有两个属性：name 和 age。我们拦截获取代理对象属性值的方法。当访问代理对象的 age 属性时，我们使用 Reflect.get 方法获取到实际值，并将其 round。而当访问代理对象的 name 属性时，我们直接返回其值。
总结
Reflect 对象和 Proxy 对象是 ES6 中两个功能强大的对象。他们一起为 JavaScript 提供了更好的对象行为控制方法。我们可以使用 Proxy 对象与 Reflect 对象混合使用实现对对象的更简单、更直接的控制。熟练掌握 Reflect 对象和 Proxy 对象对我们成为一名成功的前端开发人员来说至关重要。
参考链接
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e092e6f6b2d6eab3bae4d9