构造函数new的底层原理

js使用 new 关键字来调用构造函数创建对象时，其底层原理可以总结为以下几个步骤：

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

当使用 new 关键字调用构造函数时，JavaScript 引擎会创建一个新的空对象，这个对象将成为最终返回的实例对象。

2. 将新对象的原型指向构造函数的原型：

新创建的对象会被赋予一个 [[Prototype]]（内部属性，通常通过 __proto__ 访问），这个属性会指向构造函数的原型对象（prototype 属性）。

3. 执行构造函数体：

在新对象的上下文中调用构造函数，同时传入参数供构造函数内部使用。构造函数内部的代码会对新对象进行初始化，设置属性等操作。

4. 返回新对象：

如果构造函数内部没有显式返回其他对象，那么 new 操作符会隐式返回新创建的对象；如果构造函数内部使用了 return 语句并返回一个对象，则返回的是该对象。

示例：

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

let person1 = new Person('Alice', 30);
// 等价于以下步骤：
// 1. 创建一个新的空对象 let person1 = {};
// 2. 将 person1 的原型指向 Person.prototype
// 3. 在 person1 上下文中执行 Person 函数体，初始化 name 和 age 属性
// 4. 隐式返回 person1

console.log(person1.name); // 输出 'Alice'
console.log(person1.age); // 输出 30