在 JavaScript 中，new 关键字是用于创建对象的一种方式。它可以使用构造函数来创建一个新的实例对象，并且还可以向构造函数传递参数。但是 new 关键字可能有一些难以理解的行为和细节，本文将详细介绍 new 关键字的工作原理，并提供示例代码和指导意义。
使用 new 创建对象
要使用 new 关键字创建一个对象，我们需要一个构造函数。构造函数是一个普通的函数，但是当使用 new 关键字调用它时，它将返回一个新的对象。
以下是一个简单的构造函数示例：
function Person(name, age) {
this.name = name;
this.age = age;
}这个构造函数接受两个参数：name 和 age。当使用 new 关键字调用它时，它将返回一个新的对象，该对象具有 name 和 age 属性。
const person1 = new Person('Alice', 23);
console.log(person1); // {name: 'Alice', age: 23}
const person2 = new Person('Bob', 30);
console.log(person2); // {name: 'Bob', age: 30}在上面的示例中，我们通过 new 关键字创建了两个不同的 Person 对象。每个对象都有自己独立的属性值，即使它们使用相同的构造函数来创建。
new 的背后工作原理
当我们使用 new 关键字调用构造函数时，JavaScript 发生了以下步骤：
- 创建一个新对象。
- 将该对象的原型设置为构造函数的
prototype属性。 - 将构造函数的
this关键字设置为新对象。 - 执行构造函数内部的代码。
- 返回新对象（除非构造函数显式返回一个对象）。
这些步骤确保每个使用 new 关键字创建的对象都具有与构造函数的 prototype 属性相关联的方法和属性。
在上面的示例中，我们可以看到 Person 函数是如何创建新对象并设置其属性的。此外，由于每个 Person 对象都具有与 Person.prototype 相关联的方法和属性，因此我们可以将这些方法添加到 Person.prototype 中，并且每个 Person 对象都可以访问它们。
Person.prototype.sayHello = function() {
console.log(`Hello, my name is ${this.name}`);
};
person1.sayHello(); // Hello, my name is Alice
person2.sayHello(); // Hello, my name is Bob注意事项
在使用 new 关键字时，请注意以下几点：
- 如果构造函数显式返回一个对象，则返回该对象而不是新创建的对象。
- 如果没有使用
new关键字调用构造函数，则this关键字将指向全局对象（在浏览器中为window对象）而不是新创建的对象。
以下是一个示例，说明了 new 关键字和返回值的行为：
-- -------------------- ---- ------- -------- ------------ ---- - --------- - ----- -------- - ---- -- -------- ------ - ------ --------- -- - ----- ------ - --- --------------- ---- -------------------- -- ------- ----------
指导意义
- 理解
new关键字如何创建对象并将其与构造函数的原型相关联非常重要。 - 在编写自己的构造函数时，请确保使用
new关键字调用它们，并始终明确地返回一个新对象。 - 当您看到使用
new关键字创建对象时，请记住其工作原理并掌握其注意事项。
最后，我们
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31868