ECMAScript 2021 (ES12) 中的 Reflect，打造更加高效的 JavaScript 编程方式-JavaScript中文网-JavaScript教程资源分享门户

在 JavaScript 中，对象是一个非常重要的概念，而 Reflect 是 ECMAScript 2021 中添加的一个新的对象，它提供了一些操作对象的方法，进一步扩展了对象的功能。这篇文章将详细介绍 Reflect，并且通过示例代码展示如何使用 Reflect 打造更加高效的 JavaScript 编程方式。

了解 Reflect

在正式学习 Reflect 之前，需要先介绍一下 Proxy，因为两者的功能非常相似。Proxy 对象是对目标对象进行拦截、过滤和改写的代理，而 Reflect 对象则是提供了一组与 Proxy 相同的拦截方法，这些方法的目标是在拦截操作时，进行更加细致和灵活的控制。

Reflect 对象包含了 13 种与对象操作相关的方法，这些方法在执行时，可以自定义目标对象的行为，这样就可以达到更好的代码控制和性能优化。下面我们来一一介绍这些方法。

Reflect 特有方法

Reflect.apply(target, thisArg, args)

Reflect.apply 方法接受三个参数，分别是目标函数、目标函数的 this 值，以及目标函数的参数列表。

这个方法作用与 Function.prototype.apply 类似，唯一的区别是它不需要通过函数对象的方法来调用，而是通过 Reflect 对象来调用。

下面是一个简单的例子：

function MyFunc(a, b) {
    return a + b;
}
const result = Reflect.apply(MyFunc, null, [1, 2]);
console.log(result); // 3

Reflect.construct(target, args)

Reflect.construct 方法接受两个参数，分别是目标构造函数和参数列表。这个方法的作用与 new 关键字类似，但是在细节方面有所不同。

下面是一个简单的例子：

class MyObj {
    constructor(name) {
        this.name = name;
    }
}
const newObj = Reflect.construct(MyObj, ['myObject']);
console.log(newObj); // MyObj {name: "myObject"}

Reflect.defineProperty(target, propertyKey, attributes)

Reflect.defineProperty 方法可以用来定义一个属性，接受三个参数，分别是目标对象、属性名和属性信息。

这个方法作用与 Object.defineProperty 方法类似，但是在细节方面有所不同。下面是一个简单的例子：

const myObj = { name: 'test' };
Reflect.defineProperty(myObj, 'age', { value: 18 });
console.log(myObj); // {name: "test", age: 18}

Reflect.deleteProperty(target, propertyKey)

Reflect.deleteProperty 方法可以用来删除一个属性，接受两个参数，分别是目标对象和属性名。

这个方法作用与 delete 运算符类似，但是在细节方面有所不同。下面是一个简单的例子：

const myObj = { name: 'test', age: 18 };
Reflect.deleteProperty(myObj, 'age');
console.log(myObj); // {name: "test"}

Reflect.get(target, propertyKey, receiver)

Reflect.get 方法可以用来获取一个属性的值，接受三个参数，分别是目标对象、属性名和 getter 方法的 this 值。

这个方法作用与.运算符或[]运算符类似，但是在细节方面有所不同。下面是一个简单的例子：

const myObj = { name: 'test', age: 18 };
console.log(Reflect.get(myObj, 'age')); // 18

Reflect.getOwnPropertyDescriptor(target, propertyKey)

Reflect.getOwnPropertyDescriptor 方法可以用来获取一个属性的描述对象，接受两个参数，分别是目标对象和属性名。

这个方法作用与 Object.getOwnPropertyDescriptor 方法类似，但是在细节方面有所不同。下面是一个简单的例子：

const myObj = { name: 'test' };
const desc = Reflect.getOwnPropertyDescriptor(myObj, 'name');
console.log(desc); // {value: "test", writable: true, enumerable: true, configurable: true}

Reflect.getPrototypeOf(target)

Reflect.getPrototypeOf 方法可以用来获取一个对象的原型，接受一个参数，就是目标对象。

这个方法作用与 Object.getPrototypeOf 方法类似，但是在细节方面有所不同。下面是一个简单的例子：

const myObj = {};
const proto = Reflect.getPrototypeOf(myObj);
console.log(proto); // {}

Reflect.has(target, propertyKey)

Reflect.has 方法可以用来判断一个对象是否包含指定的属性，接受两个参数，分别是目标对象和属性名。

这个方法作用与 in 运算符类似，但是在细节方面有所不同。下面是一个简单的例子：

const myObj = { name: 'test' };
console.log(Reflect.has(myObj, 'name')); // true
console.log(Reflect.has(myObj, 'age')); // false

Reflect.isExtensible(target)

Reflect.isExtensible 方法可以用来判断一个对象是否可扩展，接受一个参数，就是目标对象。

这个方法作用与 Object.isExtensible 方法类似，但是在细节方面有所不同。下面是一个简单的例子：

const myObj = {};
console.log(Reflect.isExtensible(myObj)); // true

Reflect.ownKeys(target)

Reflect.ownKeys 方法可以用来获取一个对象的所有属性名，接受一个参数，就是目标对象。

这个方法作用与 Object.getOwnPropertyNames 和 Object.getOwnPropertySymbols 方法结合使用得到的结果相同，但是在细节方面有所不同。下面是一个简单的例子：

const myObj = { name: 'test', age: 18 };
console.log(Reflect.ownKeys(myObj)); // ["name", "age"]

Reflect.preventExtensions(target)

Reflect.preventExtensions 方法可以用来使一个对象变成不可扩展的，接受一个参数，就是目标对象。

这个方法作用与 Object.preventExtensions 方法类似，但是在细节方面有所不同。下面是一个简单的例子：

const myObj = {};
Reflect.preventExtensions(myObj);
console.log(Object.isExtensible(myObj)); // false

Reflect.set(target, propertyKey, value, receiver)

Reflect.set 方法可以用来设置一个对象指定属性的值，接受四个参数，分别是目标对象、属性名、属性值、setter 方法的 this 值。

这个方法作用与.运算符或[]运算符类似，但是在细节方面有所不同。下面是一个简单的例子：

const myObj = { name: 'test' };
Reflect.set(myObj, 'name', 'newName');
console.log(myObj); // { name: "newName" }

Reflect.setPrototypeOf(target, prototype)

Reflect.setPrototypeOf 方法可以用来设置一个对象的原型，接受两个参数，分别是目标对象和新的原型对象。

这个方法作用与 Object.setPrototypeOf 方法类似，但是在细节方面有所不同。下面是一个简单的例子：

const myObj = {};
const newObj = {};
Reflect.setPrototypeOf(myObj, newObj);
console.log(Object.getPrototypeOf(myObj)); // {}

Reflect 和 Proxy 的比较

Proxy 和 Reflect 有着相似的功能，但是它们之间有着很大的不同。Proxy 对象是在全局对象中定义的，它是对目标对象进行拦截进行处理的代理对象，同时也可以对对象进行修改。而 Reflect 对象是针对对象操作的一组方法，只是在代理拦截时被调用。

总结

Reflect 对象提供了一组与对象操作相关的方法，这些方法可以执行一些比较复杂的操作，可以更加方便和灵活地操作和控制对象的行为。通过学习这些方法，可以帮助我们更加高效地编写 JavaScript 代码。

同时，我们也需要注意到 Reflect 对象与 Proxy 对象的不同之处，两者虽然很大程度上类似，但是使用时需要根据实际需求进行选择。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/64e95073f6b2d6eab34a2990