在 ECMAScript 2016 中的 Reflect 对象中，提供了一个包含了一系列常用操作的 API，其中有一个 Reflect.construct() 方法可以用来创建一个新的对象并调用构造函数。在本文中，将详细介绍这个方法的用法及其与传统的 new 关键字方式的区别，并给出示例代码。
传统 new 关键字方式
在传统的 JS 中，要实例化一个对象并调用其构造函数，一般会使用 new 关键字，示例如下：
function Person(name, age) {
this.name = name;
this.age = age;
}
const p = new Person('Tom', 18);
console.log(p.name); // Tom在这里，我们创建了一个构造函数 Person，使用 new 关键字创建了一个新的实例，并将其赋值给变量 p。这种方式看起来很直观，但其实有一些潜在的问题。
首先，如果我们不小心忘记添加 new 关键字，那么将导致 this 指向全局对象，可能会产生不可预见的错误。其次，使用 new 关键字调用构造函数时，我们只能传递参数，而没办法自定义实例化时的行为，比如自定义原型、属性或方法。这就需要使用 Reflect 对象中的 Reflect.construct() 方法。
ECMAScript 2016 中的 Reflect.construct 方法
Reflect.construct() 方法的语法如下：
Reflect.construct(target, argumentsList, [newTarget])
- target：表示要实例化的构造函数。
- argumentsList：表示要传递给构造函数的参数列表，它是一个数组。
- newTarget：可选，表示要使用的新.target 值。如果不传递，则默认是 target。
下面我们来看一个使用 Reflect.construct() 方法的实例：
function Person(name, age) {
this.name = name;
this.age = age;
}
const p = Reflect.construct(Person, ['Tom', 18]);
console.log(p.name); // Tom在这里，我们使用 Reflect.construct() 方法创建了一个新实例 p，并传递了两个参数，与传统方式相同。不同的是，这里可以自定义 Person 构造函数的行为，比如设定 prototype。
-- -------------------- ---- ------- -------- ------------ ---- - --------- - ----- -------- - ---- - ---------------------- - ---------- - ---------------- - -- - - --------- - -- -- --- -- - - ---------- - ----- - - ------------------------- ------- ---- ---------- - ----------- --- ---------- -- --- - -- ---- -- --- -- --
在这个例子中，我们传递了一个新的构造函数，在这个构造函数中将实例的年龄加 1，同时还定义了一个 sayHi() 方法。最终我们调用了 p.sayHi()，其输出结果为 Hi, I am Tom, my age is 19。
总结
本文介绍了使用 ECMAScript 2016 中的 Reflect.construct() 方法实例化对象的方法，与传统方式相比，它不仅可以自定义构造函数的行为，还可以自定义 prototype、属性或方法等。值得注意的是，我们可以在 Reflect.construct() 方法中自定义新的构造函数来调整对象实例化时的行为，这是传统方式所不具备的特性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f18313f6b2d6eab3b53f52