不为人知的 ECMAScript 2017 派生对象（Proxy、Reflect）
ECMAScript 2017 引入了两个新的派生对象：Proxy 和 Reflect。这两个对象可以让我们在 JavaScript 中实现更高级的编程技巧和模式。在本文中，我们将深入探讨这两个对象的使用方法，并给出实际的示例代码。
Proxy 对象
Proxy 对象是一个可以用来代理另一个对象的对象。通过使用 Proxy 对象，我们可以在访问另一个对象的属性或方法时，添加一些自定义的行为。这种行为可以是拦截、修改、验证等等。
Proxy 对象的创建方式：
const proxy = new Proxy(target, handler);
其中，target 是要代理的对象，handler 是一个对象，用于定义拦截行为。
下面是一个示例代码，我们可以使用 Proxy 对象来拦截对对象属性的读取和修改：
-- -------------------- ---- -------
----- ------ - -
----- ------
---- --
--
----- ----- - --- ------------- -
----------- ----- -
-------------------- ----------
------ -------------
--
----------- ----- ------ -
-------------------- ------- -- -----------
------------ - ------
-
---
----------- -- ------- ----
-- -----
---------- -- ------- ---
-- --
---------- - -------- -- ------- ---- -- -----
-- -------在上面的代码中，我们使用了 Proxy 对象来拦截对 person 对象属性的读取和修改。当我们读取属性时，会触发 get 方法，当我们修改属性时，会触发 set 方法。
Reflect 对象
Reflect 对象是一个内置的对象，它提供了一些方法，可以让我们更方便地操作对象。Reflect 对象的方法与 Proxy 对象的 handler 方法一一对应，它们可以互相替代使用。
下面是一些常用的 Reflect 对象方法：
- Reflect.get(target, prop)：获取 target 对象上的 prop 属性。
- Reflect.set(target, prop, value)：设置 target 对象上的 prop 属性为 value。
- Reflect.has(target, prop)：判断 target 对象是否有 prop 属性。
- Reflect.deleteProperty(target, prop)：删除 target 对象上的 prop 属性。
下面是一个示例代码，我们可以使用 Reflect 对象来操作对象属性：
-- -------------------- ---- ------- ----- ------ - - ----- ------ ---- -- -- ------------------- -------- -- ----- ------------------- ------- --------- ------------------------- -- ------- ------------------- ------- -- ---- ------------------------------ ------- ------------------------ -- ---------
结论
通过本文的介绍，我们了解了 ECMAScript 2017 中的两个新派生对象：Proxy 和 Reflect。使用 Proxy 对象可以让我们更方便地拦截对象的属性访问和修改，使用 Reflect 对象可以让我们更方便地操作对象属性。这两个对象的使用方法和示例代码可以让我们更好地理解它们的作用，帮助我们在实际开发中更好地运用它们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6742c93299516187acd1a71b