当前位置：首页 > JavaScript

js手写new实现过程

2026-04-04 18:01:40JavaScript

手写实现 `new` 操作符

在 JavaScript 中，new 操作符用于创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。以下是手动实现 new 操作符的核心逻辑：

js手写new实现过程

function myNew(constructor, ...args) {
  // 创建一个新对象，并将其原型指向构造函数的 prototype
  const obj = Object.create(constructor.prototype);

  // 调用构造函数，并将 this 绑定到新创建的对象
  const result = constructor.apply(obj, args);

  // 如果构造函数返回了一个对象，则返回该对象；否则返回新创建的对象
  return typeof result === 'object' ? result : obj;
}

实现步骤解析

创建新对象并设置原型
使用 Object.create() 创建一个新对象，并将该对象的 __proto__ 指向构造函数的 prototype 属性。这一步模拟了 new 操作符的原型链继承机制。
绑定 this 并执行构造函数
通过 apply 调用构造函数，将新创建的 obj 作为 this 上下文传入。构造函数内部的 this 会指向新对象，从而实现对属性的初始化。
处理构造函数返回值
如果构造函数显式返回一个对象（包括数组、函数等），则直接返回该对象；否则返回新创建的 obj。这一步确保实现与原生 new 行为一致。

使用示例

function Person(name, age) {
  this.name = name;
  this.age = age;
}

const p1 = new Person('Alice', 25);
const p2 = myNew(Person, 'Bob', 30);

console.log(p1); // Person { name: 'Alice', age: 25 }
console.log(p2); // Person { name: 'Bob', age: 30 }
console.log(p2 instanceof Person); // true