js的new操作符到底做了什么

复制function mynew(Func, ...args) {
    // 1.创建一个新对象
    const obj = {}
    // 2.新对象原型指向构造函数原型对象
    obj.__proto__ = Func.prototype
    // 3.将构建函数的this指向新对象
    let result = Func.apply(obj, args)
    // 4.根据返回值判断
    return result instanceof Object ? result : obj
}

复制function mynew(Func, ...args) {
    // 1.创建一个新对象
    const obj = {}
    // 2.新对象原型指向构造函数原型对象
    obj.__proto__ = Func.prototype
    // 3.将构建函数的this指向新对象
    let result = Func.apply(obj, args)
    // 4.根据返回值判断
    return result instanceof Object ? result : obj
}

#做了什么？

1、创建了一个空的js对象（即{}）

2、将空对象的原型prototype指向构造函数的原型

3、将空对象作为构造函数的上下文（改变this指向）

4、对构造函数有返回值的判断

#怎么实现？

复制function mynew(Func, ...args) {
    // 1.创建一个新对象
    const obj = {}
    // 2.新对象原型指向构造函数原型对象
    obj.__proto__ = Func.prototype
    // 3.将构建函数的this指向新对象
    let result = Func.apply(obj, args)
    // 4.根据返回值判断
    return result instanceof Object ? result : obj
}

复制/*
 create函数要接受不定量的参数，第一个参数是构造函数（也就是new操作符的目标函数），其余参数被构造函数使用。 new Create() 是一种js语法糖。我们可以用函数调用的方式模拟实现 */
function create(Con,...args){
    //1、创建一个空的对象     
    let obj = {}; // let obj = Object.create({});     
    //2、将空对象的原型prototype指向构造函数的原型     
    Object.setPrototypeOf(obj,Con.prototype); // obj.__proto__ = Con.prototype     
    //3、改变构造函数的上下文（this）,并将剩余的参数传入     
    let result = Con.apply(obj,args);
    //4、在构造函数有返回值的情况进行判断     
    return result instanceof Object?result:obj;
}

复制function myNew (func, ...args) {
  const obj = Object.create(func.prototype) // Object.create() 方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__
  let result = func.apply(obj, args)
  return result instanceof Object ? result : obj
}

let p = myNew(Person, "huihui", 123)
console.log(p) // Person {name: "huihui", age: 123}
p.sayName() // huihui

#构造函数返回值的判断

一般情况下构造函数没有返回值，但是作为函数，是可以有返回值的。

那么在构造函数有返回值的情况下，new操作符做了什么？

先看两个例子：

注意一下上面两个返回值的差异

复制function Person(name){
  this.name = name;
  return 1; // return undefined/NaN/'string'/null }
let me = new Person('快乐每一天');
console.log(me); // { name:'快乐每一天' } 

复制function Person(name){
  this.name = name;
  return { age:12 };
}
let me = new Person('快乐每一天');
console.log(me); // { age:12 } 

#结论：

在new的时候，会对构造函数的返回值做一些判断：

1、如果返回值是基础数据类型，则忽略返回值；

2、如果返回值是引用数据类型，则使用return 的返回，也就是new操作符无效；