用new操作符四步模拟实现自定义myNew

要真正掌握 JavaScript 中的 new 操作符，与其死记硬背，不如亲手模拟一遍它的内部实现机制。这个过程能帮助你彻底打通原型、构造函数、this 绑定等核心概念。简单来说，模拟 new 可以拆解为四个清晰的步骤：创建一个继承自构造函数原型的新对象，将构造函数的 this 绑定到这个新对象并执行，最后根据构造函数的返回值决定返回什么。

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

第一步是搭建舞台——创建一个全新的对象。但这里有一个关键细节：这个对象不能是普通的 {}，它必须继承自构造函数的 prototype 属性，这样才能确保后续通过原型链访问到正确的方法和属性。

• 核心操作是使用 Object.create(constructor.prototype)。这个方法会创建一个新对象，并将其内部的 [[Prototype]]（可通过 __proto__ 访问）直接指向构造函数的原型对象。

2. 将 this 绑定到新对象并执行构造函数

对象创建好了，接下来得为它“赋值”。构造函数里的代码（比如 this.name = name）需要知道该把属性挂到谁身上。这就需要通过 call 或 apply 方法，显式地将构造函数的 this 绑定到我们刚创建的新对象上，并传入参数执行。

• 通过 constructor.apply(obj, args) 调用。这样，构造函数内部所有对 this 的操作，就都作用在了新对象 obj 上。

3. 处理构造函数的返回值

这是模拟过程中最容易出错的一步。JavaScript 的 new 操作符有一个特殊行为：它会检查构造函数是否自己返回了一个对象。

• 如果构造函数返回了一个对象（包括数组、函数等引用类型）且不是 null，那么 new 表达式的结果就是这个返回的对象。
• 如果构造函数没有返回值，或者返回的是原始值（如数字、字符串、undefined），那么 new 表达式的结果就是我们第一步创建的那个新对象。

4. 完整实现 myNew

把前面三个步骤组合起来，就得到了一个自定义的 myNew 函数。注意参数的处理和最终返回值的判断逻辑：

function myNew(constructor, ...args) {
  // 1. 创建对象，连接原型
  const obj = Object.create(constructor.prototype);
  // 2. 绑定this，执行构造函数
  const result = constructor.apply(obj, args);
  // 3. 根据构造函数返回值决定返回什么
  return (result !== null && typeof result === 'object') || typeof result === 'function'
    ? result
    : obj;
}

现在，你可以用 myNew(Person, 'Alice', 25) 来替代 new Person('Alice', 25)，两者的行为将完全一致。通过这个练习，你对 new 的理解就不再是黑盒了。