是什么

在JavaScript中，new操作符用于创建一个给定构造函数的实例对象

流程

new关键字主要做了以下的工作：

  • 创建一个新的对象obj
  • 将对象与构建函数通过原型链连接起来
  • 将构建函数中的this绑定到新建的对象obj上
  • 根据构建函数返回类型作判断，如果是原始值则被忽略，如果是返回对象，需要正常处理

image.png

  1. function 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. }
  11. function Person(name, age) {
  12.     this.name = name;
  13.     this.age = age;
  14. }
  15. Person.prototype.say = function () {
  16.     console.log(this.name)
  17. }
  19. let p = mynew(Person, "huihui", 123)
  20. console.log(p) // Person {name: "huihui", age: 123}
  21. p.say() // huihui