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
}
复制代码