当前位置：首页 > JavaScript

js 实现一个new

2026-04-04 22:25:20JavaScript

实现 new 操作符的原理

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

实现步骤

创建一个新对象
创建一个空对象，这个对象将作为新实例。
设置原型链
将新对象的原型指向构造函数的 prototype 属性，确保新对象可以访问构造函数原型上的方法和属性。
绑定 this 并执行构造函数
调用构造函数，并将 this 绑定到新创建的对象上。构造函数内部的 this 将指向新对象，从而初始化对象的属性。
处理返回值
如果构造函数返回一个对象，则直接返回该对象；否则返回新创建的对象。

代码实现

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

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

  // 如果构造函数返回一个对象，则返回该对象；否则返回新对象
  return result instanceof Object ? result : obj;
}

示例测试

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

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

// 使用自定义的 myNew 创建实例
const person = myNew(Person, 'Alice', 25);
person.sayHello(); // 输出: Hello, my name is Alice
console.log(person.age); // 输出: 25