当前位置：首页 > JavaScript

js 实现new

2026-04-05 12:43:59JavaScript

new 的实现原理

在 JavaScript 中，new 操作符用于创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。其核心原理可以拆解为以下步骤：

创建一个新的空对象
将新对象的 __proto__ 指向构造函数的 prototype
执行构造函数，并将 this 绑定到新创建的对象
根据构造函数返回值决定最终返回结果

手动实现 new

以下是手动实现 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, I'm ${this.name}`)
}

// 使用原生 new
const p1 = new Person('Alice', 25)
p1.sayHello() // Hello, I'm Alice

// 使用自定义实现
const p2 = myNew(Person, 'Bob', 30)
p2.sayHello() // Hello, I'm Bob

特殊情况处理

构造函数可能有返回值，需要特殊处理：

js 实现new

如果构造函数返回对象，则直接返回该对象
如果构造函数返回非对象值，则忽略返回值

function Car(color) {
  this.color = color
  return { special: true } // 返回对象
}

function Bike(color) {
  this.color = color
  return 123 // 返回非对象
}

const car = myNew(Car, 'red') // 返回 { special: true }
const bike = myNew(Bike, 'blue') // 返回 Bike 实例