当前位置：首页 > JavaScript

实现new js

2026-02-02 07:07:25JavaScript

实现 `new` 操作符的功能

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

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.greet = function() {
  console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`);
};

// 使用原生的 new 操作符
const person1 = new Person('Alice', 25);
person1.greet(); // 输出: Hello, my name is Alice and I'm 25 years old.

// 使用自定义的 myNew 函数
const person2 = myNew(Person, 'Bob', 30);
person2.greet(); // 输出: Hello, my name is Bob and I'm 30 years old.

关键点说明

对象创建与原型链：Object.create(constructor.prototype) 创建一个新对象，并将其原型指向构造函数的 prototype 属性，确保新对象可以访问构造函数原型上的方法和属性。
构造函数调用：constructor.apply(obj, args) 将构造函数的 this 绑定到新创建的对象，并传入参数。
返回值处理：如果构造函数显式返回一个对象（包括数组、函数等），则返回该对象；否则返回新创建的对象。