ES6 中新引入了一个非常有用的全局对象——Reflect，它提供了一系列的静态方法，用于操作对象。本文将详细地介绍 Reflect 对象，包括其提供的方法和应用场景，并附带一些实际的代码示例。
Reflect 对象提供的方法
Reflect.apply(target, thisArg, args)
该方法接受三个参数，分别对应于一个函数、函数内部的 this 引用和函数的参数列表。它的作用是以指定的 this 值调用给定函数，并将在数组中给出的参数传递给该函数。如果目标函数抛出一个异常，该异常将被传播。
-------- ----- -- - -------------- -- - ----------------- ----- --- --- -- ------- - -
Reflect.construct(target, args)
该方法接受两个参数，分别对应于一个构造函数和它的参数列表。它的作用是使用指定的参数列表作为构造函数参数创建一个新对象。
----- ------ -
----------------- -
--------- - ----
-
-
----- - - ------------------------- --------
------------------- -- ------- ---Reflect.get(target, propertyKey[, receiver])
该方法接受两个参数，分别对应于一个对像和一个字符串值 (属性名)。可以使用可选的第三个参数(上下文对象)自定义 getter 的上下文。
----- --- - -
-- --
--- --- -
------ ------ - -
-
-
---------------------------- ----- -- ------- -Reflect.set(target, propertyKey, value[, receiver])
该方法接受三个参数，分别对应于一个对象、一个字符串值 (属性名) 和一个新值。它的作用是把一个值分配给属性的值。可以使用可选的第四个参数(上下文对象)来自定义 setter 的上下文。
----- --- - -
-- --
--- --- -
------ ------ - -
-
-
---------------- ---- --
------------------ -- ------- -Reflect.has(target, propertyKey)
该方法接受两个参数，分别对应于一个对象和一个字符串值 (属性名)。它的作用是用于确定对象是否具有指定的属性。
----- --- - - -- - - ---------------------------- ----- -- ------- ----
Reflect.defineProperty(target, propertyKey, attributes)
该方法接受三个参数，分别对应于一个对象、一个字符串值 (属性名) 和属性描述符。它的作用是定义一个新属性或修改一个现有属性的属性描述符。
----- --- - -- --------------------------- ------- - ------ ------ --------- ----- -- --------------------- -- ------- --- -------- - ------- -- ---------- ------ ------ -- ---- ---- -------- ------ -- ------ -----------
Reflect.deleteProperty(target, propertyKey)
该方法接受两个参数，分别对应于一个对象和一个字符串值 (属性名)。它的作用是删除一个对象的属性。
----- --- - - -- - - --------------------------- ---- ---------------- -- ------- --
Reflect.getPrototypeOf(obj)
该方法接受一个参数，即对象。它的作用是返回对象的原型。
----- --- - -- ---------------------------------------- -- ------- --
Reflect.setPrototypeOf(obj, newProto)
该方法接受两个参数，分别对应于一个对象和一个新的原型对象。它的作用是设置对象的原型 (即更改对象的 proto 属性)。
----- --- - -- ----- ----- - - -- - - --------------------------- ------ ------------------ -- ------- -
应用场景
参数校验优化
使用 Reflect.apply() 方法能更好地校验参数合法性。比如我们有这样一个校验函数：
-------- ------------- -
-- ----- -- ------ --- --- --------- -
----- --- ----------------- ---- -- -- --------
-
-- ----------- -
----- --- -------------------- -- ----------
-
-- ------------ -
----- --- --------------------- -- ----------
-
-然后我们可以写一个工具函数使用 Reflect.apply() 方法来处理传入的验证函数。
-------- ------------------- ---- ----- - ----------------------- ----- ------ ----------------- ----- ----- --------- -
这样，我们可以将 validateAndCall 函数作为一个通用的工具函数，将校验逻辑和具体的业务逻辑分离出来。
对象的代理
Reflect 对象常常被用于实现代理模式，以下是一个快速浏览代理模式的示例。
----- ------ - -
----- ------
---- --
-
-- --- -------
----- ------- - -
----------- ---- --------- -
-------------------- ------ ---- ------ ---------
------ ------------------- ---- ---------
--
----------- ---- ------ --------- -
-------------------- ------ ---- ------ ------ -- -----------
------ ------------------- ---- ------ ---------
--
---------------------- ---- -
--------------------- ------ ---- ------ ---------
------ ------------------------------ ----
--
-
----- ----- - --- ------------- --------
----------
--------- - --
------ ---------该示例对目标对象进行代理，并实现了对目标对象的读取、修改和删除操作的监听。
结论
Reflect 对象提供了许多实用的方法，帮助我们更容易地进行对象操作，其可以优化代码，实现代理模式，而且，我们在进行参数校验时，也可以使用其进行更好的优化。当然，Reflect 对象并不是总是必须的，有时候用它的效果甚至是负面的，所以是否使用它需要权衡利弊。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/671cc61c9babaf620fb26ba6