new操作符的实现

new操作符的实现

new操作符主要完成了如下工作：1.创建一个对象，并将它的[[Prototype]]设置为指向构造函数的原型对象。2.将新创建的对象绑定到构造函数的this上，并执行构造函数。3.判断构造函数的返回值是否为一个非空对象，如果是，则返回构造函数的返回值，否则返回之前新创建的对象。

const myNew = function (constructorFunction) {
    if (typeof constructorFunction !== "function") {
        throw new Error("Contructor must be a function");
    }

    // target属性可以用于检测函数或者构造方法是否通过new操作符调用
    myNew.target = constructorFunction;

    // 将obj的原型设置为构造函数的原型对象
    let obj = Object.create(constructorFunction.prototype);

    // 获取构造函数的参数
    let args = [].slice.call(arguments, 1);

    // 执行构造函数
    let res = constructorFunction.apply(obj, args);

    // 如果构造函数返回非空对象，则返回构造函数的返回值，否则返回新创建的对象
    if ((typeof res === "object" && res !== null) || typeof res === "function") {
        return res;
    } else {
        return obj;
    }
}

const Person = function (name, age) {
    this.name = name;
    this.age = age;
}

let person = myNew(Person, "Alex", 18);
console.log(person.name, person.age); // Alex 18
console.log(person.__proto__ === Person.prototype); // true
console.log(person.constructor === Person); // true

let person2 = myNew(Person, "Apple", 20);
console.log(person2.prototype === person.prototype); // true