当前位置：首页 > JavaScript

js方法实现new

2026-03-01 14:36:06JavaScript

实现 `new` 操作符的步骤

在 JavaScript 中，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 : obj;
}

代码解析

创建新对象并设置原型
Object.create(constructor.prototype) 创建一个新对象，并将该对象的 __proto__ 指向构造函数的 prototype 属性，确保实例可以访问原型链上的方法。
绑定构造函数上下文
constructor.apply(obj, args) 调用构造函数，并将 this 指向新创建的对象 obj，同时传入参数 args。
处理构造函数返回值
如果构造函数显式返回了一个对象（非原始值），则直接返回该对象；否则返回新创建的对象 obj。

使用示例

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

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

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

// 使用自定义 myNew
const p2 = myNew(Person, 'Bob', 30);
p2.greet(); // 输出: Hello, my name is Bob