js中new操作符原理

在 JavaScript 中，new 操作符用于创建一个类的实例。当执行 new 操作符时，会经历以下几个步骤：

1. 创建一个空对象。
2. 将这个空对象的原型指向构造函数的原型。
3. 将构造函数的 this 指向这个空对象，并执行构造函数。
4. 如果构造函数返回了一个对象，那么返回这个对象，否则返回步骤1中创建的空对象。

下面是一个示例，演示 new 操作符的具体行为：

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

let p1 = new Person('John', 30);
let p2 = new Person('Mary', 25);

console.log(p1); // Person { name: 'John', age: 30 }
console.log(p2); // Person { name: 'Mary', age: 25 }

在上面的代码中，我们定义了一个 Person 类，它有两个属性：name 和 age。然后我们分别使用 new 操作符创建了两个 Person 类的实例 p1 和 p2。执行 new Person(‘John’, 30) 时，会先创建一个空对象，然后将这个空对象的原型指向 Person.prototype，再将 Person 构造函数的 this 指向这个空对象，并执行构造函数。构造函数执行完毕后，返回创建的实例对象 p1。执行 new Person(‘Mary’, 25) 时，过程与此类似，只不过创建了另一个实例对象 p2。

通过使用 new 操作符，我们可以轻松地创建类的实例，并在创建实例时传递参数，初始化对象的属性。