new 操作符的四个步骤是：创建一个新对象、将构造函数的作用域赋给该对象、执行构造函数代码、返回该对象。以下是模拟实现 myNew 的代码：function myNew(constructor, ...args) { // 1. 创建一个新对象 const obj = {}; // 2. 将构造函数的作用域绑定到该对象 obj.__proto__ = constructor.pr

本文深入解析了 JavaScript 中 new 操作符背后的核心机制，通过拆解其四个关键步骤——创建继承自构造函数原型的空对象、绑定 this 并执行构造函数、正确处理返回值（优先返回构造函数显式返回的对象/函数）、最终返回实例——手写实现了功能完备的 myNew 函数；代码不仅精准还原了 new 的行为逻辑，还揭示了原型链继承、this 绑定和返回值优先级等底层原理，是理解面向对象实例化过程不可多得的实践范例。

要模拟 new 操作符的行为，关键在于理解它内部实际执行的四个步骤，并用 JavaScript 手动还原：创建空对象、绑定原型、执行构造函数、返回正确结果。

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

这是第一步，本质是生成一个继承自构造函数 prototype 的普通对象。不能直接写 {}，因为那样会丢失原型链；必须用 Object.create() 显式指定原型。

• 用 Object.create(constructor.prototype) 创建新对象
• 这样确保新对象的 __proto__ 指向构造函数的 prototype

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

构造函数内部的 this 必须指向刚创建的对象，这样才能让属性和方法挂载到它上面。需要用 call 或 apply 显式调用。

• 把新对象作为第一个参数传给 constructor.call()
• 剩余参数（如果有）用扩展运算符 ...args 一并传入

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

这一步容易被忽略：如果构造函数显式返回了一个对象（包括数组、函数、正则等引用类型），new 会优先返回它；否则才返回新创建的对象。

• 检查 result 是否为对象或函数类型且不为 null
• 如果是，则返回该 result；否则返回新对象

4. 完整实现 myNew

把以上三步组合起来，注意参数收集和返回逻辑：

function myNew(constructor, ...args) {
  const obj = Object.create(constructor.prototype);
  const result = constructor.apply(obj, args);
  return (result !== null && typeof result === 'object') || typeof result === 'function'
    ? result
    : obj;
}

你可以用它替代 new 来实例化构造函数，行为一致，比如：myNew(Person, 'Alice', 25)。

本篇关于《new 操作符的四个步骤是：创建一个新对象、将构造函数的作用域赋给该对象、执行构造函数代码、返回该对象。以下是模拟实现 myNew 的代码：function myNew(constructor, ...args) { // 1. 创建一个新对象 const obj = {}; // 2. 将构造函数的作用域绑定到该对象 obj.__proto__ = constructor.prototype; // 3. 执行构造函数，并传入参数 const result = constructor.apply(obj, args); // 4. 返回该对象 return result instanceof Object ? result : obj; }示例使用：function Person(name) { this.name = name; } Person.prototype.sayHello = function() { console.log(`Hello, ${this.name}`); }; const person = myNew(Person, 'Alice'); person.sayHello(); // 输出: Hello, Alice说明：obj.__proto__ = constructor.prototype; 是为了继承构造函数的原型。constructor.apply(obj, args); 是为了在新对象上执行构造函数，使其拥有初始化逻辑。最后判断 result 是否为对象，如果是则返回它，否则返回新对象（类似 new 的行为）。这个 myNew 函数模拟了 new 操作符的核心机制，可以用于理解》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！