ES7 中的 Reflect 对象提供了一组用于操作 JavaScript 对象的原始方法，这些方法的行为与语言内部提供的方法类似，但 Reflect 方法是可拦截的，这使得我们可以对它们进行自定义处理。在本文中，我们将介绍 Reflect 的基本用法，以及如何使用 Reflect Decorator 模式来处理对象的属性和方法。
Reflect 的基本用法
Reflect 对象提供了一系列针对对象操作的方法，这些方法的行为与语言内部提供的方法类似，包括以下几个方法：
Reflect.apply(target, thisArg, args)
该方法与 Function.prototype.apply() 方法类似，用于调用目标函数，并传递指定的 this 值及参数。
let fn = function(a, b) { return a + b };
let res = Reflect.apply(fn, null, [2, 3]);
console.log(res); // 5Reflect.construct(target, args)
该方法与 new 操作符类似，用于创建一个实例对象。
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
}
let res = Reflect.construct(Person, ['Tom', 18]);
console.log(res); // Person { name: 'Tom', age: 18 }Reflect.get(target, propertyKey, receiver)
该方法与对象属性的访问类似，用于读取指定对象的指定属性。
let obj = { name: 'Tom', age: 18 };
let res = Reflect.get(obj, 'name');
console.log(res); // TomReflect.set(target, propertyKey, value, receiver)
该方法与对象属性的赋值类似，用于设置指定对象的指定属性值。
let obj = {};
Reflect.set(obj, 'name', 'Tom');
console.log(obj); // { name: 'Tom' }Reflect.has(target, propertyKey)
该方法用于判断指定对象是否具有指定属性。
let obj = { name: 'Tom', age: 18 };
let res = Reflect.has(obj, 'name');
console.log(res); // trueReflect.deleteProperty(target, propertyKey)
该方法与 delete 操作符类似，用于删除指定对象的指定属性。
let obj = { name: 'Tom', age: 18 };
Reflect.deleteProperty(obj, 'name');
console.log(obj); // { age: 18 }Reflect.defineProperty(target, propertyKey, attributes)
该方法与 Object.defineProperty() 方法类似，用于定义指定对象的指定属性。
let obj = {};
Reflect.defineProperty(obj, 'name', { value: 'Tom', writable: false });
console.log(obj); // { name: 'Tom' }
obj.name = 'Jerry'; // 不可修改值
console.log(obj); // { name: 'Tom' }Reflect Decorator
Reflect Decorator 是一种用于装饰对象属性和方法的模式，它使用 Reflect 对象提供的可拦截特性来实现对象行为的定制化。下面我们将结合一些示例代码来说明如何使用 Reflect Decorator。
对象属性装饰器
-- -------------------- ---- -------
-------- ---------------- ---- ----------- -
------------------- - ------
------ -----------
-
----- ------ -
---------
---- - ------
---------- -
------------------- -- ---- -- ---------------
-
-
--- - - --- ---------
-------------------- -- ---
------ - -------- -- -----
-------------------- -- ---上述代码中，我们定义了一个名为 readonly 的属性装饰器，它接受三个参数：target 表示装饰的目标对象，key 表示装饰的目标属性名，descriptor 表示目标属性的属性描述符。在 readonly 装饰器中，我们将目标属性的 writable 属性设置为 false，从而使其变为只读。
在 Person 类中，我们通过在 name 属性前面加上 @readonly 的方式来给 name 属性附加 readonly 装饰器，从而使其变为只读属性。
对象方法装饰器
-- -------------------- ---- -------
-------- ----------- ---- ----------- -
----- -------- - -----------------
---------------- - ----------------- -
-------------------- ------ ------ ---------
----- ------ - -------------------- ------
------------------- -- ------ ---- --------
------ -------
--
------ -----------
-
----- ------ -
----
---------- -
------------------- -- ---- -- ---------------
-
-
--- - - --- ---------
------------------ -- -- -------- -------- ---- ---- - ------- -- ---- -- -------- -----------上述代码中，我们定义了一个名为 log 的方法装饰器，它接受三个参数：target 表示装饰的目标对象，key 表示装饰的目标方法名，descriptor 表示目标方法的属性描述符。在 log 装饰器中，我们先将目标方法保存在一个临时变量 original 中，然后重新定义了目标方法，修改了调用对象、参数、返回值的行为，并最终返回最初的返回值。
在 Person 类中，我们通过在 sayHello 方法前面添加 @log 的方式来给 sayHello 方法附加 log 装饰器，从而对 sayHello 方法的行为进行了定制化。
总结
在本文中，我们介绍了 ES7 中的 Reflect 对象及其一些方法的基本使用方式，同时也讲解了如何使用 Reflect Decorator 模式来装饰对象的属性和方法。Reflect 及其 Decorator 模式为 JavaScript 带来了更好的拓展性和灵活性，同时也使代码更加易于维护和重用。我们在实际开发中应当灵活运用这些特性，充分发挥其优势。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647966fb968c7c53b056e478