JavaScript实现new操作符

Posted 2020-12-24 蚂蚁人

首先我们要知道new操作符做了什么

1. 创建一个空的对象，即{}
2. 空对象的原型指向构造函数的原型，即设置该对象的构造函数
3. 让this指向新创建的空对象，即新创建的对象作为this的上下文
4. 判断返回值的类型，如果是值类型就是返回新的创建对象，如果是引用类型就返回引用类型的对象。（如果没有返回对象类型object包括Functoin, Array, Date, RegExg, Error），那么new表达式中的函数调用将返回该对象的引用）

function copyNew(obj,...args){
  let newObj={};
  newObj.__proto__=obj.prototype;
  // => Object.setPtototypeOf(newObj, obj.prototype)
  // 上面的两步可以合为一步 let newObj=Object.create(obj.prototype)
  let result=obj.apply(newObj, args);
  return typeof result ===‘object‘ ? result : newObj;
  // =>return result instanceof Object ? result : newObj  
}