Skip to content

手写实现 new 操作符

new 操作符在 JavaScript 中用于创建一个用户定义的对象类型的实例。其底层实现大致包含以下几个步骤:

  1. 创建一个空对象,并将其原型指向构造函数的 prototype 属性。
  2. 将构造函数的 this 指向新对象,执行构造函数。
  3. 如果构造函数返回的是对象,则返回该对象,否则返回新对象。

手写实现

js
function myNew(Constructor, ...args) {
  // 1. 创建一个空对象,并将其原型指向构造函数的 prototype
  const obj = Object.create(Constructor.prototype);
  // 2. 执行构造函数,将 this 指向新对象
  const result = Constructor.apply(obj, args);
  // 3. 如果构造函数返回的是对象,则返回该对象,否则返回新对象
  return (typeof result === 'object' && result !== null) ? result : obj;
}

使用示例

js
function Person(name, age) {
  this.name = name;
  this.age = age;
}
Person.prototype.sayHi = function() {
  return `Hi, I'm ${this.name}, ${this.age} years old.`;
};

const p1 = myNew(Person, 'Tom', 18);
console.log(p1.name); // "Tom"
console.log(p1.age);  // 18
console.log(p1.sayHi()); // "Hi, I'm Tom, 18 years old."
console.log(p1 instanceof Person); // true

Released under the MIT License.