前端经典面试题 | New操作符的原理

🖥️  前端经典面试题专栏：New操作符的原理
🧑‍💼 个人简介：一个不甘平庸的平凡人🍬

✨ 个人主页：CoderHing的个人主页

🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️

👉 你的一键三连是我更新的最大动力❤️

---

目录

一、回答点

二、深入回答

new操作背后的原理

new操作符的具体实现

---

一、回答点

构造函数 实例

new 操作符通过执行自定义构造函数或内置对象构造函数,生成对应的对象实例.

二、深入回答

new操作背后的原理

        1 ) 在内存中创建一个空对象. => 如: var coderhing = {}

        2 ) 将构造函数的显示原型 赋值给这个对象的 隐式原型.coderhing.proto = Person.prototype

        3 ) this指向创建出来的新对象 => this = coderhing

        4 ) 执行函数体代码

        5 ) 若构造函数没有返回 飞空对象 那么自动返回创建出来的新对象 =>  return coderhing

new操作符的具体实现

function hingNew() {
  // 创建一个新对象
  var obj = Object.create(null);
  var Person = [].shift.call(arguments);
  // 将对象的 __proto__ 赋值为构造函数的 prototype 属性
  obj.__proto__ = Person.prototype;
  // 将构造函数内部的 this 赋值为新对象
  var ret = Person.apply(obj, arguments);
  // 返回新对象
  return typeof ret === "object" && ret !== null ? ret : obj;
}

function Coder(name, hibby) {
  this.name = name;
  this.hibby = hibby;
}

var Coder = hingNew(Coder, "hing", 18);