手写new

new运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。

function Foo(name){
    this.name = name;
}
let foo = new Foo('小明');复制代码

当代码执行new Foo时，会发生以下事情：
1. 一个继承自 Foo.prototype 的新对象被创建
2. 使用指定的参数调用构造函数 Foo,并将this绑定到新创建的对象
3. 由构造函数返回的对象就是new表达式的结果。如果构造函数没有显式返回一个对象，则使用步骤1创建的对象。(一般情况下，构造函数不返回值，但是用户可以选择主动返回对象，来覆盖正常的对象创建步骤)

以上内容源自MDN

了解了new的原理，我们来自己动手实现一个：

function myNew(){
  // 创建一个新对象obj，声明要返回的结果result,取参数的第一项为构造函数fn
  let obj = new Object(),result,fn = [].shift.call(arguments);
  // 将obj.__proto__连接到构造函数fn的原型
  obj.__proto__ = fn.prototype;
  // result接收构造函数执行后的返回结果
  result = arguments.length>0?fn.apply(obj,arguments):fn.apply(obj);
  // 如果构造函数返回一个对象，则将该对象返回，否则返回步骤1创建的对象
  return typeof result === 'object'?result:obj;
}
复制代码

如果有错误或者不严谨的地方，请给予指正，十分感谢！

转载于:https://juejin.im/post/5c90d130f265da60f30d4261