js 中的new到底干了啥

JS new的时候发生了什么

(1) 创建一个新对象；
(2) 将构造函数的作用域赋值给新对象（ this 指向这个新对象）；
(3) 执行构造函数中的代码（为这个新对象添加属性） ；
(4) 返回新对象。

一个普通的构造函数

function Person(name){
  this.name = name
}
var p = new Person("小明");

console.log(p.name) // 小明
console.log(p instanceof Person) // true

用JS模拟new的过程

function _new(){
  // 1、创建一个新对象
  let target = {};
  let [constructor, ...args] = [...arguments];  // 第一个参数是构造函数
  // 2、原型链连接
  target.__proto__ = constructor.prototype;
  // 3、将构造函数的属性和方法添加到这个新的空对象上。
  let result = constructor.apply(target, args);
  if(result && (typeof result == "object" || typeof result == "function")){
    // 如果构造函数返回的结果是一个对象，就返回这个对象
    return result
  }
  // 如果构造函数返回的不是一个对象，就返回创建的新对象。
  return target
}
let p2 = _new(Person, "小花")
console.log(p2.name)  // 小花
console.log(p2 instanceof Person) // true