要真正掌握 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 的理解就不再是黑盒了。
