JavaScript 中手写实现 new 操作符时怎么通过原型链绑定正确的上下文-js教程-PHP中文网

手写 new 的核心是正确设置实例的 proto 指向构造函数的 prototype，以确保原型链继承；需先创建对象并绑定原型，再用 apply 初始化，最后根据构造函数返回值决定最终返回结果。

javascript 中手写实现 new 操作符时怎么通过原型链绑定正确的上下文

手写 new 的核心，不是“创建空对象”或“执行构造函数”，而是确保实例的 __proto__（即内部原型）正确指向构造函数的 prototype，从而让实例能沿原型链访问到构造函数上定义的方法和属性——这才是“上下文绑定”的本质。

关键：手动设置实例的原型链

浏览器中 new Foo() 会自动做三件事：创建空对象、把该对象的 [[Prototype]] 指向 Foo.prototype、以该对象为 this 执行 Foo。其中第二步决定了后续所有方法查找的起点。

手写时必须显式完成这一步，否则实例无法继承构造函数原型上的任何东西：

❌ 错误写法：const obj = {}; —— 此时 obj.__proto__ 是 Object.prototype，跟 Constructor.prototype 无关
✅ 正确做法：obj.__proto__ = Constructor.prototype; 或更推荐的 Object.setPrototypeOf(obj, Constructor.prototype);

为什么不能只用 call/apply？

Constructor.call(obj, ...args) 确实能让构造函数内的 this 指向 obj，但这只解决了“执行时的 this 绑定”，没解决“后续方法查找的原型链”。如果构造函数本身没在 obj 上挂方法，而依赖原型链（比如 this.sayName()），没有正确的 __proto__ 就会报 undefined is not a function。

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

所以必须两步都做：
- 创建对象并设置其原型链
- 再用 call 让构造函数初始化这个对象

完整手写实现（含返回值处理）

注意：如果构造函数显式返回一个对象，则 new 表达式应返回该对象；否则才返回新创建的实例。

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

这里 Object.setPrototypeOf 是最直接、语义最清晰的方式。也可用 obj.__proto__ = Constructor.prototype（兼容性稍好，但非标准属性）；不推荐用 Object.assign(obj, Constructor.prototype)——那是浅拷贝属性，破坏了原型链机制。