Reflect 是 ES6 中新增的一个全局对象，提供了一系列与 Proxy 相关的方法，使得在使用代理对象时更加方便。Reflect 主要提供了以下方法：
- Reflect.apply(target, thisArg, args)
- Reflect.construct(target, args)
- Reflect.get(target, name, receiver)
- Reflect.set(target, name, value, receiver)
- Reflect.defineProperty(target, name, desc)
- Reflect.deleteProperty(target, name)
- Reflect.has(target, name)
- Reflect.ownKeys(target)
在这篇文章中，我们将通过扩展 Reflect，实现一个实用工具类，封装一些常见的函数，并介绍其在实际项目中的应用。
扩展 Reflect 封装工具类
我们可以使用 extends 继承 Reflect 类，来扩展它的方法，并添加一些实用函数。下面是一个基于 Reflect 扩展的实用工具类示例：
-- -------------------- ---- -------
----- ---------- -
------------------- -
----------- - -------
-
------ -------------- -
------ ------ -- --- -----------
-
------ ------------- -
------ --- --- ---- -- ------ --- --- ---------
-
------------- -------- ----- -
-- ------------------------------- -
------ --------------------- -------- ------
-
----- --- -------------------- -- --- - -----------
-
--------------- -
-- ------------------------------------ -
------ ------------------------------ ------
-
----- --- ------------------------- -- --- - --------------
-
--------- -
-- ---------------------------------- -
------ ------------------------ ------
-
----- --- ------------------------- -- --- -- ---------
-
--------- ------ -
-- ---------------------------------- -
------ ------------------------ ----- -------
-
----- --- ------------------------- -- --- -- ---------
-
------ ------------------------------- -
------ --------------------
-
------ ---------------- -
------ ------- ----------
-
-上面的示例中，我们添加了两个静态函数：removeFalsyValuesFromArray 和 uniqueArray，用于从数组中删除假值和去重，这些函数将在下面的示例中用到。
实用工具类的应用
下面将用示例代码说明实用工具类的应用：
1. 应用 Reflect 扩展进行函数拦截
我们可以使用 Reflect.apply 方法和工具类中的 isFunction 方法来拦截函数调用，并在调用前做处理。下面的示例代码中，我们把一个函数调用的参数扁平化，去重（利用我们上面封装的工具类），再进行传递。
function foo(a, b, c) {
console.log(a, b, c);
}
const args = [[[1], [2]], [2, 3], [[1], [1]]];
const flatArgs = Reflection.removeFalsyValuesFromArray(args.flat());
const uniqueArgs = Reflection.uniqueArray(flatArgs);
(new Reflection(foo)).apply(this, uniqueArgs);上面的代码输出 1 2 3。
2. 应用 Reflect 扩展进行属性拦截
我们可以使用 Reflect.get 和 Reflect.set 方法来拦截对象的读取和修改，并在操作前进行相关处理。下面的示例代码中，我们拦截了对象 obj 的读取和修改，并在读取时自动给属性名加上前缀，在修改时自动加上后缀。
-- -------------------- ---- -------
----- --- - - ----- ------- ---- -- --
----- -------- - --- ---------- -
----------- ----- -
----- ------- - -----------------
------ ---- ---------------------------------
--
----------- ----- ------ -
----- ------- - -----------------
---- -------------------------------- -------
--
---
---------------------------------- -- -- ----
------------ - ---
---------------------------- -- -- --上面的代码输出 John 和 20。
总结
通过本文的示例代码，我们看到了使用 ES6 中的 Reflect 扩展封装实用工具类的方法，这些工具类可以应用在函数拦截、属性拦截等场景中，以及一些实用函数的封装。在实际项目中，我们可以根据具体需求，扩展更多的方法和函数，来提高开发效率和代码复用性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649527c248841e989426cc10