%的人都写错了！手写new的参考教程：从ES规范到面试+生产双用实现

前言

手写new运算符是前端面试的高频必考题也是理解 JavaScript 原型和面向对象的主要基础。但你知道吗，话说回来，网上 99% 的手写new实现都存在致命 bug——绑定函数误判、跨环境失效、不符合 ES 规范等。

你的痛点：

• 面试时被问到细节，却只能说“三步走”。
• 生产代码里使用手写new报错，找不到根因。
• 看到各种实现版本，却不知道哪个才是“靠谱”。

这篇文章经过多次迭代和社区反馈。给出一份兼顾简洁性与可靠性的实现：既能在面试中完美手写，也能在大多数生产环境安全使用。看完这篇，你不仅能应对面试。还能真正掌握 JavaScript “对象创建” 的本质。老实说，

一、你以为的 new，其实不是真的 new

几乎所有教程都会告诉你。new 做了三件事：

1. 创建一个空对象；
2. 将空对象的原型指向构造函数的 .prototype;
3. 执行构造函数，把 this 绑定到空对象；

*这只是极度简化的版本*,完全忽略了 ES 规范中的关键细节。下面几个反直觉的原生行为可以直接检验你是否真正掌握了它：

function Foo {}
Foo.prototype = null;说起来，const f1 = new Foo;console.log);//，// 问题2：bind 返回的函数可以被 new 吗？
function Person { this.name = name;}
const BoundPerson = Person.bind;const p1 = new BoundPerson;怎么说呢，console.log;//，// 问题3：手动删除 prototype 的普通函数可以被 new 吗？function Bar { this.b = 42;}
Bar.prototype = undefined;const b1 = new Bar;console.log，//?// 问题4：构造函数返回函数时会发生什么？function Baz { return function {};}
const z1 = new Baz;console.log，//?

答案揭晓：

1. 。
2. 'Alice'。
3. b1.b === 42。
4. false。

二、ES 规范中的 new：完整执行步骤

The New Operator – ECMAScript 2025 第 13.x 节：

1.  若 Ctor] 不存在则抛出 .
2.  读取 Ctor.prototype .
   • If it is a non‑null object → 用作新实例原型。
   • If it is null / primitive → 使用
3.  原型创建一个空对象。
4.  把该空对象作为 ,调用 Ctor.
5. • If result is an object → 返回该结果.

This flow explains *** many “三步法” 实现会出错——它们漏掉了“可构造性检查”和“原型 fallback”。