当前位置：首页 > JavaScript

js中new实现

2026-04-07 09:32:33JavaScript

new 的实现原理

在 JavaScript 中，new 运算符用于创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。以下是 new 运算符的内部实现原理：

创建一个新对象：new 首先会创建一个全新的空对象。
设置原型链：将新对象的 __proto__ 属性指向构造函数的 prototype 对象，从而继承构造函数原型上的属性和方法。
绑定 this 并执行构造函数：将构造函数内部的 this 绑定到新创建的对象上，并执行构造函数内部的代码（通常用于初始化对象属性）。
返回对象：如果构造函数没有显式返回一个对象，则默认返回新创建的对象。如果构造函数返回了一个非原始值（如对象或数组），则 new 会返回该值而非新创建的对象。

手动实现 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 !== null ? result : obj;
}

使用示例

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

Person.prototype.sayHello = function() {
  console.log(`Hello, my name is ${this.name}`);
};

// 使用原生 new
const p1 = new Person('Alice', 25);
p1.sayHello(); // 输出: Hello, my name is Alice

// 使用手动实现的 myNew
const p2 = myNew(Person, 'Bob', 30);
p2.sayHello(); // 输出: Hello, my name is Bob