手写new操作符

xnia2020

已于 2023-04-17 17:28:07 修改

阅读量48

点赞数

文章标签： javascript

于 2023-04-17 14:38:36 首次发布

本文链接：https://blog.csdn.net/m0_46639734/article/details/130199563

版权

手写new操作符

在调用new操作符时会发生以下四件事情：
- 首先创建一个新的空对象
- 设置原型，将对象的原型设置为函数的prototype对象
- 让函数的this指向这个对象，执行构造函数的代码（为新对象添加属性）
- 判断函数的返回值类型，如果是值对象，返回创建的对象。如果是引用类型，就返回这个引用类型的对象

function objectFactory () {
    let newObject = null;
    let constructor = Array.prototype.shift.call(arguments);
    let result = null;
    //判断参数是否是一个函数
    if (typeof constructor !== 'function') {
      console.error('type error')
      return
    }
    //新建一个空对象，对象的原型为构造函数的prototype对象
    newObject = Object.create(constructor.prototype)
    //将this指向新建对象，并执行函数
    result = constructor.apply(newObject, arguments)
    //判断返回对象
    let flag = result && (typeof result === 'object' || typeof result === 'function')
    return flag ? result : newObject
  }
  function Person (name, age, score) {
    this.name = name
    this.age = age
    this.score = score
    return { name: this.name }
  }

  let rest = objectFactory(Person, 'dmc', 21, 100)
  console.log(rest)