前端必会的手写实现面试题——new

前言

  相信很多小伙伴和我一样，初学前端的时候对new很好奇，为什么new可以创建一个构造函数或者类的实例，它究竟有什么魔力？这篇文章我就一步步剖析new，让它在我们面前“原形毕露”，并手写实现一个new函数，Let’s go！

new是个什么东西

一句话简单介绍new：

new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。(引用MDN的专业描述)

我们通俗的解释一下：当我们对构造函数或者类使用new运算符时，可以得到一个继承了构造函数的实例属性/方法和原型属性/方法的实例对象。给大家举一个栗子：

function Person(name, age) {
   
    this.name = name  //实例属性
    this.age = age
    this.hobby = '学习'
}
Person.prototype.sayName = function(){
     //原型方法
    console.log(`大家好我是${
     this.name}`)
}

let p1 = new Person('roger', 18)
let p2 = new Person('lee', 30)

console.log(p1) //{name: "roger", age: 18, hobby: "学习"}
console.log(p2) //{name: "lee", age: 30, hobby: "学习"}
p1.