前端面试题80（js new操作符做了哪些事情）

在JavaScript中，new操作符用于实例化一个由构造函数定义的新对象。使用new关键字时，会执行以下步骤：

1. 创建新对象：

   • JavaScript引擎首先会创建一个空的JavaScript对象。

2. 绑定this：

   • 新创建的对象会被绑定到构造函数内部的this关键字。这意味着在构造函数内部对this的任何引用都会指向新创建的对象。

3. 设置原型链：

   • 新创建的对象的[[Prototype]]属性（即其原型）会被设置为构造函数的prototype属性所指向的对象。这使得新对象能够继承构造函数原型上的属性和方法。

4. 执行构造函数代码：

   • 构造函数的代码会被执行，允许初始化新对象的状态。在这个过程中，可以为新对象添加属性和方法。

5. 返回新对象：

   • 如果构造函数没有显式返回一个对象，则默认返回新创建的对象。如果构造函数返回一个对象，那么new操作符会返回这个对象，而不是新创建的那个。

下面是一个简单的示例，说明了new操作符的工作流程：

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

Person.prototype.sayHello = function() {
    console.log('Hello, ' + this.name);
};

const john = new Person('John');
john.sayHello(); // 输出: Hello, John

在这个例子中：

• new Person('John') 创建了一个新的Person对象，并将其this绑定到新对象。
• 新对象的原型被设置为Person.prototype，因此它继承了sayHello方法。
• 构造函数Person被调用，this.name被设置为'John'。
• 最终，新创建的Person对象被返回并赋值给变量john。

理解new操作符的工作机制对于掌握JavaScript中的对象创建和原型继承非常重要。