JavaScript中new关键字的原理你知道吗？手写new的实现

在JavaScript中，new关键字用于 创建一个新对象并将其实例化为指定的构造函数类型。

我们来模拟 JavaScript 中 new 关键字的行为：

1. 创建一个新对象，该对象的原型指向构造函数的原型： 使用 Object.create(constructor.prototype) 创建一个新对象，该对象的原型指向构造函数的原型。 这样做确保了新对象能够继承构造函数的属性和方法。
2. 调用构造函数并将新对象作为上下文： 使用 constructor.apply(obj, args) 调用构造函数，并将新对象作为上下文（即 this）。这样做让构造函数能够在新对象上执行，并将属性和方法添加到新对象上。
3. 返回新对象： 如果构造函数返回的是一个对象，则返回该对象；否则，返回刚刚新创建的对象。这样做确保了即使构造函数没有明确返回一个对象，也能够返回新创建的对象。

 function myNew(constructor, ...args) {
  const obj = {};
  obj.__proto__ = constructor.prototype;
  let result = constructor.apply(obj, args);
  return result instanceof Object ? result : obj;
}

// 或这么写：
function myNew2(constructor, ...args) {
  const obj = Object.create(constructor.prototype);
  const result = constructor.apply(obj, args);
  return result instanceof Object ? result : obj;
}

示例用法：

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

Person.prototype.sayHello = function () {
  console.log("Hello, my name is " + this.name);
};
let zhangsan = myNew(Person, "zhangsan");
zhangsan.sayHello();

解释：调用 Object.create(proto) 时，它创建了一个新对象，并将该对象的原型链指向 proto。

1. 构造函数返回对象： 如果构造函数返回了一个对象，那么这个对象就是我们想要的实例化结果。
2. 构造函数未返回对象： 如果构造函数没有明确返回一个对象，那么我们就需要创建一个新的对象作为实例化结果，就是这里的obj。