实现一个new操作符

new 操作符

一.new操作符的使用

 //构造函数
class Person {
        constructor(name, age) {
            this.name = name
            this.age = age
        }
    }
 //实例对象
    const person1 = new Person('大大怪', 21)
    console.log(person1)

---

二.new操作符的实现(手写)

• 首先来看一下指向new操作的时候 会发生的一个状况

function Person(name,age) {
    this.name = name
    this.age = age
    return {
        students:['小张','小吴']
    }
}
var p1 = new Person()
console.log(p1)//{  students:['小张','小吴']}

• 可见 如果构造函数用了return关键字 会直接把return对数据返回出来
• 如果没用使用return关键字,会自动给我们返回一个对象

• 接下来是new的实现

//构造函数
function Person(name, age) {
    this.name = name
    this.age = age
}

function New(org, ...args) {
    // 1.创建一个新的空对象
    let obj = {}
    // 是空对象的__proto__指向构造函数的prototype
    obj.__proto__ = org.prototype
    // 指向构造函数,为空对象添加属性
    let res = org.apply(obj, args)
    console.log(res, obj);
    // 判断构造函数的返回值是不是对象,如果是,则返回构造函数的返回值 如果不是 则 返回创建的对象
    return res instanceof Object ? res : obj
}

var person2 = New(Person, '小小怪', '20')

console.log(person2);