ECMAScript 2021 (ES12) 中的 Reflect.construct 方法解决 JavaScript 构造函数返回值问题
前言
在我们日常的前端开发中， JavaScript 作为一门弱类型语言，其灵活性，高效性都给我们带来了极大的便利。其中， JavaScript 中的构造函数也是我们常常使用的重要工具之一。但是，常常会遇到一个问题，那就是构造函数如何在 new 操作时返回一个指定值呢？在 ECMAScript 2021 (ES12)之前，我们只能通过在构造函数中使用管理状态的变量，并在构造函数中返回这些变量，以达到指定构造函数返回值的目的。这样做显得比较繁琐，同时也容易出错。那么，接下来就为大家介绍 ECMAScript 2021 (ES12) 中的一个新特性： Reflect.construct 方法，这个方法能够解决构造函数返回值问题，能够更加方便和高效地实现构造函数执行并返回指定值的操作。
Reflect.construct 方法概述
Reflect.construct() 方法是在 ECMAScript 2021 (ES12) 中新加入的。Reflect.construct() 方法是一个用于从构造函数创建对象的内置函数，这个函数作用和 new 操作符类似。它接受三个参数：
- target：要调用的构造函数。
- argumentsList：一个包含了传给构造函数的参数的数组或者类数组对象。
- constructorTarget：要使用的构造函数。constructorTarget 参数是可选的，如果 constructorTarget 参数没有传入，则该参数默认为 target。
下面我们通过实际的代码来看一下它的使用方法。
Reflect.construct 方法实例
在介绍具体的代码之前，我们先说明一下现有的构造函数的问题。 假设我们有一个构造函数 Person，它接收两个参数，name 和 age，并且在实例化后，我们需要将传递的参数以一个对象形式返回。
function Person(name, age) {
this.name = name;
this.age = age;
}现有的代码如下：
let result = new Person('John', 30);
console.log(result); // Person { name: 'John', age: 30 }现有的代码工作得很好，但是如果我们想要在构造函数中返回一个对象以外的值，则不会有返回值。但是，现在有了 Reflect.construct() 方法，我们就可以愉快地解决构造函数返回值的问题了。
-- -------------------- ---- ------- -------- ------------ ---- - --------- - ----- -------- - ---- -- ------ ------ ---- - --- ------ - ------------------------- -------- ----- -------------------- -- ------ - ----- ------- ---- -- -
我们通过 Reflect.construct() 方法调用构造函数，就可以获得到正确的返回值。如果我们使用现有的方式调用，则不能获取到想要的返回值。
注意事项
在使用 Reflect.construct() 方法的时候，我们需要注意以下几点：
Reflect.construct() 方法的第一个参数必须是一个构造函数。
Reflect.construct() 方法的第二个参数必须是一个数组或者类数组对象。
我们应该避免使用 new 关键字和 Reflect.construct() 方法同时使用。这样会导致其中的一个失效，不能得到正确的返回值。
结语
Reflect.construct() 方法可以很好的解决构造函数返回值的问题，而且在代码中使用 Reflect.construct() 方法比使用现有的方式更加高效。通过本文介绍，你学习了 Reflect.construct() 方法的作用和使用方法，你可以在自己的代码中尝试使用这个方法，以提升代码的可读性和性能。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/67948e92504e4ea9bd921844