在 JavaScript 中，我们经常需要对对象进行操作，比如获取对象中的属性、设置对象中的属性以及调用对象中的方法等。在 ES6 中，新增了一个 Reflect 对象，它提供了一组与对象操作相关的 API，可以方便地进行对象的反射编程。
Reflect 的基本用法
Reflect 对象提供了以下常用方法：
Reflect.get(target, propertyKey[, receiver])
获取对象中指定属性的值，其中 target 表示要获取值的对象，propertyKey 表示要获取的属性名称，receiver 表示可选的 this 值。
const person = {
name: 'Tom',
age: 18
};
const name = Reflect.get(person, 'name');
console.log(name); // 'Tom'Reflect.set(target, propertyKey, value[, receiver])
设置对象中指定属性的值，其中 target 表示要设置值的对象，propertyKey 表示要设置的属性名称，value 表示要设置的属性值，receiver 表示可选的 this 值。
const person = {
name: 'Tom',
age: 18
};
Reflect.set(person, 'age', 20);
console.log(person); // { name: 'Tom', age: 20 }Reflect.has(target, propertyKey)
判断对象中是否存在指定的属性，其中 target 表示要判断的对象，propertyKey 表示要判断的属性名称。
-- -------------------- ---- ------- ----- ------ - - ----- ------ ---- -- -- ----- ------- - ------------------- -------- --------------------- -- ---- ----- --------- - ------------------- ---------- ----------------------- -- -----
Reflect.apply(target, thisArg, args)
调用对象中指定方法，其中 target 表示要调用的对象，thisArg 表示方法中的 this 值，args 表示方法的参数列表。
const person = {
name: 'Tom',
sayHello() {
console.log(`Hello, my name is ${this.name}`);
}
};
Reflect.apply(person.sayHello, person, []); // Hello, my name is TomReflect.construct(target, args[, newTarget])
调用类的构造函数创建对象，其中 target 表示要创建对象的类，args 表示构造函数的参数列表，newTarget 表示可选的构造函数。
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
-
----- - - ------------------------- ------- -----
--------------- -- ------ - ----- ------ ---- -- -Reflect 的高级应用
除了上述基本用法，Reflect 还提供了一些高级的用法，可以更加灵活地进行对象的反射编程。
拦截对象的读取、设置、删除操作
我们可以使用 Reflect 的各种方法来拦截对象的读取、设置、删除操作。例如，使用 Reflect.get() 方法拦截对象的读取操作。
-- -------------------- ---- -------
----- --------- - -
----------- --------- ------ -
-- --------- --- ----- -- ------ ----- --- --------- -
----- --- -------------- ---- -- - ---------
-
------------------- --------- -------
-
--
----- ------ - -
---- --
--
----- ----- - --- ------------- -----------
----------------------- -- --
--------- - ----- -- ---------- --- ---- -- - ------在上面的代码中，我们使用了 Proxy 对象，代理了一个 person 对象，并使用 validator 对象作为钩子函数来拦截 person 对象的读取、设置、删除操作。
使用 Reflect 在对象的上下文中执行代码
我们可以使用 Reflect 的各种方法，来在对象的上下文中执行代码。例如，使用 Reflect.apply() 方法，在对象的上下文中执行回调函数。
-- -------------------- ---- -------
----- ------ - -
----- ------
---- ---
--------------- -
---------------- -- ---- -- ------------ --- - -- ----------- ----- ------
-
--
----- ------ - -
------------ -
------------------- ---------------------- - -------------
-
--
--------------------------- ------- -------------------------- ------- ------
-- -------------------------- - ------ -- ---- -- --- --- - -- -- ----- ---在上面的代码中，我们定义了一个 person 对象和一个 logger 对象。person 对象有一个 greet() 方法，用来招呼，并且可以接收一个回调函数作为参数。logger 对象有一个 log() 方法，用来输出日志。我们使用 Reflect.apply() 方法，在 person 对象的上下文中执行 greet() 方法，并传入一个回调函数，回调函数中使用 Reflect.apply() 方法，在 logger 对象的上下文中执行 log() 方法，实现输出日志的整个过程。
扩展对象
我们可以使用 Reflect 的各种方法，来扩展对象的功能。例如，使用 Reflect.setPrototypeOf() 方法，可以动态的扩展对象的原型。
const person = {};
const animal = {
nape: true
};
Reflect.setPrototypeOf(person, animal);
console.log(person.nape); // true在上面的代码中，我们使用 Reflect.setPrototypeOf() 方法，将 person 对象的原型设置为 animal 对象，实现了在不同的对象之间动态的扩展原型的功能。
总结
使用 ES6 中的 Reflect 对象进行反射编程，可以方便地进行对象的操作，同时也可以实现对象的高级应用，比如拦截对象的读取、设置、删除操作、在对象的上下文中执行代码、扩展对象的功能等，为 JavaScript 开发者提供了一个更加灵活、高效的开发方式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d47d23b5eee0b525c078e6