js中的new操作符都做了什么？

1、构造函数

function Foo() {
    this.name = name
}
console.log(new Foo())

// Foo {name: ""}

function Foo(e) {
    this.name = name
    this.age = e
}
console.log(new Foo(18))
// Foo {name: "", age: 18}

2、_proto_和prototype

prototype：私有属性，任意一个对象都有一个内置的prototype属性。每个函数在创建出来就会自动拥有的属性，属性指向函数的原型对象。

_proto_

function abc() {
    
}
abc.prototype --> {constructor: ƒ} // 原型对象

隐式原型指向这个对象的函数的prototype

function Abc() {
    this.name = 'yitian'
}
let test = new Abc()
test.__proto__ = Abc.prototype = {constructor: ƒ}

实例的隐式原型链 等于它自己的构造函数（原构造函数）的显式原型链

3、new的作用过程：

function Foo(e) {
    this.name = name
    this.age = e
}
function FooNew() {
  const obj = {}  // 1
  const Constructor = [].shift.call(arguments) // 3 拿到arguments参数的第一个值
  // const [Constroutor, ...args] = [...arguments]
  // 原型连接，将构造函数的原型给到创建的对象的私有属性上去
  obj._proto_ = Constructor.prototype  // 5
  const ret = Constructor.apply(obj, arguments)  // 4 将构造函数作用域指到创建的空对象里
  return typeof ret === 'object' ? ret : obj  // 2
    
}
console.log(FooNew(Foo, 18))
console.log(new Foo(18))
// {name: "", age: 18, _proto_:  {constructor: ƒ}}

4、总结

(1)创建一个空对象 obj = {}

(2)绑定原型，obj.__proto__ = Foo.prototype

(3)改变this指向。将构造函数作用域指到创建的空对象里，并执行Foo函数体。

(4)如果**Foo()函数执行完自己return一个Object类型，那么返回此变量，否则返回this**,注意：如果构造函数返回基本类型值，则不影响，还是返回 this