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

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

做了什么？

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

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

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

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

怎么实现？

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

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

复制 1function myNew (func, ...args) {
 2  const obj = Object.create(func.prototype) // Object.create() 方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__
 3  let result = func.apply(obj, args)
 4  return result instanceof Object ? result : obj
 5}
 6
 7let p = myNew(Person, "huihui", 123)
 8console.log(p) // Person {name: "huihui", age: 123}
 9p.sayName() // huihui

构造函数返回值的判断

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

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

先看两个例子：

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

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

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

结论：

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

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

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