new操作符的模拟实现

new操作符的模拟实现

• 需要具备的前置知识
• 简易描述
• 具体实现过程

需要具备的前置知识

详解 JS 中 new 调用函数原理

简易描述

Q: 什么场景下需要使用 new 操作符？
A: 创建一个实例对象

1. "创建" 说明会返回一个全新的（不然这里就会使用复制等其他词汇）
   
2. "对象" 说明返回的类型是对象类型（所以如果 欲返回 基本数据类型的时候，肯定会内部处理成某个对象返回）

---

Q: 为什么要使用 new 操作符？
A: 是为了 偷懒。使用一个操作符就可以将一些公共的属性和方法（Function 构造函数中以及 Function.prototype 中的）一键放置到实例对象中。

1. "Function 构造函数以及 Function.prototype 中的属性和方法" 说明会运行该 Function 构造函数，并将实例对象的 prototype 置为 Function.prototype
   
2. "放置到" 说明 这些属性和方法会绑定到该对象上，也就是“属于”该对象，所以会重置 this 到当前对象
3. "Function..." 那么就需要一个**“类别标识”**，通过将实例对象的 prototype 置为 Function.prototype，类型判断时（instanceof 等）可以正确反馈类别，方便开发人员进行操作

---

具体实现过程

function isObject(o) {
  return Reflect.apply(Object.prototype.toString, o, []) === '[object Object]'
}
function objectFactory() {
  const Constructor = [].shift.call(arguments) //获取构造函数

  if (typeof Constructor !== 'function') return new Error('error') //判断是否是函数，如果不是函数的话，提示错误

  const objProto = isObject(Constructor.prototype)
    ? Constructor.prototype
    : Object.prototype //判断Constructor.prototype是不是对象类型（这里需要注意如果使用typeof判断的话，null会误入其中）。如果不是对象的话，这里会将需要返回的对象的prototype置为Object.prototype

  const obj = Object.create(objProto) //创建对象

  const ret = Constructor.apply(obj, arguments) //执行构造函数

  return isObject(ret) ? ret : obj //如果构造函数返回对象就返回该对象，否则（无返回或返回不是对象）就返回obj
}
复制代码

转载于:https://juejin.im/post/5cefac9a5188254a9663bc8e