反射 API 是 JavaScript 中新添加的一种功能，可以让开发者更方便地访问对象属性或者判断对象的特定行为。ECMAScript 2020 也加入了一些新反射 API，让前端开发者更加方便地进行对象操作，本文将会详细地介绍这些新的 API，并提供相关的示例代码。
Reflect 对象
Reflect 对象是 ECMAScript 2020 中新增的一个全局对象，它的主要作用是提供一系列的方法，以便我们更方便地进行对象操作。Reflect 对象的方法和一些语句和操作符是相互对应的。我们可以使用这些方法来代替以前的语句和操作符，从而达到我们想要的结果。
Reflect.setPrototypeOf(target, prototype)
这个方法会给目标对象设置一个新的原型对象。之前，我们需要使用 Object.setPrototypeOf() 来完成这个操作，但是这个方法的缺陷在于，如果目标对象不支持原型继承，那么这个方法就会抛出错误。而使用 Reflect.setPrototypeOf() 就可以避免这种错误的发生，因为它会返回一个值来表示这个操作是否成功。
下面是一个例子：
const object = {};
// 使用 Object.setPrototypeOf() 来设置原型
Object.setPrototypeOf(object, Array.prototype);
// 使用 Reflect.setPrototypeOf() 来设置原型
Reflect.setPrototypeOf(object, Array.prototype);Reflect.apply(target, thisArgument, argumentsList)
这个方法和 Function.prototype.apply() 很相似，它会调用目标函数并传入一个特定的上下文和实参列表。但是，它和 Function.prototype.apply() 不同的是，它会返回目标函数的返回值。另外一个不同就是当你使用 Reflect.apply() 的时候，你会发现得到的结果会和使用普通函数调用相同。原因是在 JavaScript 的内部，Reflect.apply() 其实就是一个封装了的函数调用。
下面是一个例子：
function add(x, y) {
return x + y;
}
console.log(Reflect.apply(add, null, [1, 2])); // 3Reflect.construct(target, argumentsList, newTarget)
这个方法会实例化一个新的对象，我们可以将它看做是对 new 操作符的一种增强版本。我们可以在第三个参数中传入一个构造函数，来指定这个新对象的构造函数。这个方法和 new 操作符的一个不同是它可以让开发者更加灵活地使用继承层次结构。它实际上是一个构造函数和 new 操作符的结合体，因为它会返回一个新对象。
下面是一个例子：
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
-
----- ------ - ------------------------- ------- ---- --------
------------------ ---------- -------- -- ----
------------------------- -- ---
------------------------ -- --Reflect.defineProperty(target, propertyKey, attributes)
这个方法也是一个很基础的方法，它和 Object.defineProperty() 很相似。它会给目标对象设置一个新的属性，并指定这个属性的属性描述符。这个方法的一个优点是当属性被创建时，它会返回一个布尔值，可以判断是否创建成功。当然，它的另一个优点是它有一个更好的语义，对于可能的错误更加友好。
下面是一个例子：
-- -------------------- ---- -------
----- ------ - ---
----- ------- - ------------------------------ ------- -
------ ------
--------- ------
----------- -----
------------- ----
---
--------------------- -- ----
-------------------- -- - ----- ----- -Reflect.has(target, propertyKey)
这个方法和 propety in object 很相似，它可以判断一个对象中是否有一个指定的属性。使用这个方法的一个优点就是它返回一个布尔值，因此可以方便地用来检查对象是否具有一个特定的属性。同时，我们可以使用这个方法更好地处理对象中属性的默认值，例如，在获取一个对象的属性时可以设置默认值，而不会返回 undefined。
下面是一个例子：
const object = { name: "Tom" };
console.log("name" in object); // true
console.log(Reflect.has(object, "name")); // trueReflect.deleteProperty(target, propertyKey)
这个方法和 delete target[propertyKey] 很相似，它可以用来删除一个对象的属性。但是，使用这个方法的好处是它返回一个布尔值，方便我们更加清晰地处理删除属性的情况。和其他 Reflect 方法类似，它也有一个更好的语义来解释可能的错误，并且它不会引发异常。
下面是一个例子：
const object = { name: "Tom" };
console.log(delete object.name); // true
console.log(object); // {}
console.log(Reflect.deleteProperty(object, "name")); // true
console.log(object); // {}总结
希望这篇文章能够帮助你更加深入地了解 ECMAScript 2020 中的反射 API。这些方法不仅可以帮助我们更加轻松地操作对象，而且可以让我们更加清晰地处理操作结果。在实际的项目中，我们应该大力使用这些新的 API，以便让我们的项目更加稳定和高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a0077d48841e9894c64fff