JavaScript中的＂new＂关键字的作用

在JavaScript中，`new`操作符是一个至关重要的关键字，它在面向对象编程中扮演着核心角色。它的主要用途是创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。

当使用`new`操作符调用一个函数（构造函数）时，背后发生的事情远比看上去复杂得多。以下是`new`操作符在JavaScript中所执行的具体步骤：

1. 创建一个新的空对象。

2. 将这个空对象的原型（`[[Prototype]]`）设置为构造函数的`prototype`属性。

3. 将这个空对象作为`this`的上下文绑定到构造函数并调用构造函数。

4. 如果构造函数返回了一个对象，那么这个对象会被返回；如果没有，则返回步骤1中创建的对象。

下面详细解释这些步骤：

1. 创建一个新的空对象

`new`操作符首先会创建一个空对象。这个对象将作为构造函数创建的新实例的基础。

JavaScript中的＂new＂关键字的作用

2. 设置原型

接着，`new`操作符会将这个空对象的原型（`[[Prototype]]`）设置为构造函数的`prototype`属性。这意味着通过构造函数创建的实例可以继承其原型上的属性和方法。

3. 绑定`this`并调用构造函数

然后，`new`操作符将这个新对象作为`this`的上下文传递给构造函数，并调用该构造函数。这样，构造函数中使用的`this`就会指向这个新对象，允许我们初始化对象的属性。

4. 返回对象

最后，如果构造函数返回了一个对象，那么这个对象会被返回给调用者。如果没有返回对象（或者返回的是原始值），则步骤1中创建的对象会被返回。

以下是具体的代码示例：

function Person(name, age) {
this.name = name;
this.age = age;
}

Person.prototype.sayName = function() {
console.log(this.name);
};

const person1 = new Person("Alice", 25);
console.log(person1.name);  // 输出：Alice
person1.sayName();  // 输出：Alice