Js进阶22-new 操作符

一、new 操作符干了什么

(1) 创建了一个新对象；

(2) 将构造函数的原型属性和方法挂载到新对象的 __proto__（原型指针）上；

(3) 执行构造函数并将构造函数的 this 指向新对象； 

(4) 将这个新对象返回。

二、手写 new 函数
 

function myNew() {
  // 创建空对象
  const obj = [];
  // 获取参数
  const [Fn, ...arg] = [...arguments];
  // 将原型属性方法挂载到对象的指针（_proto_）
  obj._proto_ = Fn.prototype;
  // 执行构造函数
  Fn.apply(obj, arg);
  // 返回新对象
  return obj;
}

使用：

function Person(name, age) {
  this.name = name;
  this.age = age;
}
Person.prototype.hobby = 'study';
let person1 = myNew(Person, 'akl', 22);
console.log(person1); // { name: 'akl', age: 22, _proto_: { hobby: 'study' ,constructor: ƒ }