前言
在前端开发中，npm 包是扮演着十分重要的角色。其中一个常用的 npm 包就是 Reflect。
Reflect 是一个 JavaScript 的内置对象，提供了一组用来操作对象的方法。Reflect 对象中的所有方法返回的值和 Object 对象的方法返回的值是一致的，这使得 Reflect 对象可以完全替代 Object 对象。
本篇文章将详细介绍 Reflect 的使用方法，包括 Reflect 支持的 API，以及实战示例。
Reflect API
Reflect.apply(target, thisArgument, argumentsList)
该方法调用 target 函数，并将 thisArguement 作为上下文对象，argumentsList 作为参数列表，用法示例：
function add(x, y) {
return x + y;
}
const result = Reflect.apply(add, this, [1, 2]); // 3Reflect.construct(target, argumentsList[, newTarget])
该方法创建一个 target 函数的实例，argumentsList 作为参数列表以及 newTarget 作为构造函数，用法示例：
class Example {
constructor(value) {
this.value = value;
}
}
const instance = Reflect.construct(Example, ["Hello, World!"]); // Example { value: 'Hello, World!' }Reflect.defineProperty(target, propertyKey, attributes)
该方法为 target 声明一个新的属性，属性名为 propertyKey，属性描述符为 attributes，用法示例：
const obj = {};
Reflect.defineProperty(obj, "name", { value: "Tom" });
console.log(obj); // { name: "Tom" }Reflect.deleteProperty(target, propertyKey)
该方法删除 target 上指定的属性，用法示例：
const obj = { name: "Tom" };
Reflect.deleteProperty(obj, "name");
console.log(obj); // {}Reflect.get(target, propertyKey[, receiver])
该方法返回 target 对象上指定的属性值，receiver 可以指定一个用作 this 关键字的对象，用法示例：
const obj = { name: "Tom", age: 18 };
const name = Reflect.get(obj, "name"); // "Tom"
const age = Reflect.get(obj, "age"); // 18Reflect.getOwnPropertyDescriptor(target, propertyKey)
该方法返回 target 对象上指定属性的属性描述符，用法示例：
-- -------------------- ---- ------- ----- --- - - ----- ----- -- ----- ---------- - ------------------------------------- -------- ------------------------ -- - -- ------ ------ -- --------- ----- -- ----------- ----- -- ------------- ---- -- -
Reflect.getPrototypeOf(obj)
该方法返回 obj 对象的原型，用法示例：
class Example {}
const instance = new Example();
const prototype = Reflect.getPrototypeOf(instance); // Example {}Reflect.has(target, propertyKey)
该方法返回一个布尔值，表示 target 对象是否具有指定的属性，用法示例：
const obj = { name: "Tom" };
const hasName = Reflect.has(obj, "name"); // true
const hasAge = Reflect.has(obj, "age"); // falseReflect.isExtensible(obj)
该方法返回一个布尔值，表示 obj 对象是否可扩展，用法示例：
const obj = {};
Reflect.isExtensible(obj); // true
Object.preventExtensions(obj);
Reflect.isExtensible(obj); // falseReflect.ownKeys(obj)
该方法返回 obj 对象的所有属性名，包括常规属性、符号属性和不可枚举属性，用法示例：
const obj = {
name: "Tom",
age: 18,
[Symbol("gender")]: "male",
};
Reflect.ownKeys(obj); // ["name", "age", Symbol(gender)]Reflect.preventExtensions(obj)
该方法禁止向 obj 添加新的属性，用法示例：
const obj = {};
Reflect.preventExtensions(obj);
obj.name = "Tom"; // throw TypeErrorReflect.set(target, propertyKey, value[, receiver])
该方法在 target 上设置指定属性的值为 value，receiver 可以指定一个用作 this 关键字的对象，用法示例：
const obj = { name: "Tom" };
Reflect.set(obj, "name", "Jerry");
console.log(obj); // { name: "Jerry" }Reflect.setPrototypeOf(obj, prototype)
该方法为 obj 对象设置原型，用法示例：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
-
----- ------- ------- ------ --
----- ------- - --- ---------------
------------------------------- ------------------
------------------- ---------- --------- -- -----
------------------- ---------- -------- -- ----Reflect 示例
实现一个可观测对象
需要在对象属性发生变化时通知订阅者，此时可以使用 Reflect API 中的 Proxy 和 Reflect API 来实现，用法示例：
-- -------------------- ---- -------
----- ---------- - ----- --------- --
--- ---------- -
----------- ---- ------ --------- -
----- ------ - ------------------- ---- ------ ----------
------------- -------
------ -------
--
---
----- ------ - - ----- ------ ---- -- --
----- --- - ------------------ ----- ------ --
------------------- --- -- ----------
--
------- - --- -- ---- --- -- ---实现一个安全的对象
需要在对象的属性被获取和设置时进行限制，此时可以使用 Reflect API 中的 Proxy 和 Reflect API 来实现，用法示例：
-- -------------------- ---- -------
----- ------- - ----- --
--- ---------- -
----------- ----- -
-- -------------------- ------ -
------ ------------------- ------
-
----- --- ------------ ------- --- ----------
--
----------- ---- ------ -
-- -------------------- ----- -
------ ------------------- ---- -------
-
----- --- ------------ ------ --- ----------
--
---
--- ---------- - --------- ----- ----- ---
----------------------------- -- -----
-- --
---------- - ------------
--------------- - ------ -- ----- -----总结
Reflect API 是 JavaScript 原生操作对象的新方式。相对于 Object API，Reflect API 更加简洁易用，能够更好地满足编写现代化 JavaScript 代码的需求。我们需要灵活掌握 Reflect API 的使用方法，在实际开发中充分发挥它的优势。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/77591