当前位置：首页 > JavaScript

js实现new

2026-02-01 18:55:18JavaScript

实现 new 操作符

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

实现步骤

创建一个函数 myNew，模拟 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;
}

使用示例

定义一个构造函数，并使用 myNew 创建实例：

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

Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
};

const person = myNew(Person, 'Alice', 30);
person.greet(); // 输出: Hello, my name is Alice and I am 30 years old.

关键点解析

Object.create(constructor.prototype) 创建一个新对象，并将其原型指向构造函数的 prototype，确保实例可以访问原型上的方法。
constructor.apply(obj, args) 调用构造函数，并将 this 绑定到新创建的对象，传递参数。
检查构造函数是否返回一个对象。如果返回的是对象，则直接返回该对象；否则返回新创建的对象。

边界情况处理

如果构造函数返回原始值（如数字、字符串等），myNew 仍会返回新创建的对象：

js实现new

function Car(model) {
  this.model = model;
  return 'This is a car';
}

const car = myNew(Car, 'Tesla');
console.log(car); // 输出: Car { model: 'Tesla' }