JavaScript 中的 new 操作符是用来创建一个对象实例的常用操作符。当我们使用 new 关键字创建实例时，实际上发生了一系列的步骤。
创建对象
首先，new 操作符会创建一个空的对象实例。这个对象实例将成为该类的实例，我们可以通过 this 引用它。
function Person(name) {
this.name = name;
}
const person = new Person('Tom');
console.log(person); // 输出: Person { name: 'Tom' }在上面的例子中，person 是 Person 类的一个实例，它有一个 name 属性。当我们通过 new 操作符创建实例时，JavaScript 引擎会自动创建一个空对象，并将其赋值给 this。因此，我们可以在构造函数中使用 this 来添加属性和方法。
继承原型
接下来，new 操作符会继承该类的原型链。原型链可以理解为类与实例之间的桥梁，它使得实例能够访问类定义的属性和方法。
-- -------------------- ---- ------- -------- ------------ - --------- - ----- - ------------------------- - ---------- - ------------------- -- ---- -- --------------- -- ----- ------ - --- -------------- ------------------ -- --- ------ -- ---- -- ---
在上面的例子中，我们通过 Person.prototype 定义了 sayHello 方法。这个方法会在每个 Person 类的实例中都可用，因为每个实例都继承了 Person.prototype 的属性和方法。
返回对象
最后，new 操作符会返回该类的实例。如果构造函数返回一个对象，那么这个对象将成为 new 操作符的结果。否则，返回的就是 this。
function Person(name) {
this.name = name;
return { greeting: 'Hi there!' };
}
const person = new Person('Tom');
console.log(person); // 输出: { greeting: 'Hi there!' }在上面的例子中，Person 构造函数返回了一个包含 greeting 属性的对象，而不是 this。因此，new 操作符返回的是这个对象。
总结
通过以上解释，我们可以看到 new 操作符在创建实例时的行为和机制。使用 new 操作符可以方便地创建对象实例，并继承原型链中的属性和方法。同时，我们也需要注意构造函数的返回值，因为它可能会影响 new 操作符的结果。
希望本文能对前端开发者理解 JavaScript 中的 new 操作符有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26320