前端面试常见手写题：手写new操作符

前置知识：Object.create()

Object.create()方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__。示例如下：

    const person = {
        isHuman: false,
        printIntroduction: function () {
            console.log(`I am ${this.name}. Am I human? ${this.isHuman}`);
        }
    };

    const me = Object.create(person);

    me.name = 'Tom';
    me.isHuman = true;

    me.printIntroduction(); // I am Tom. Am I human? true

new 操作符作用

• 调用构造函数，构造函数内部创建一个空对象（称为内建对象），使内建对象的__proto__指向构造函数的prototype，构造函数中的this指向内建对象，执行构造函数内的语句，并默认返回内建对象
• 如果在构造函数内return基本数据类型 相当于没有手动return返回值，会返回构造函数的内建对象；如果手动return返回一个对象，则会返回这个对象（手动返回的对象的__proto__不会指向构造函数的prototype）

手写 new 操作符

    function _new(fn, ...args) {
        if (typeof fn !== "function") throw new Error('TypeError')

        // 新建对象 obj， obj.__proto__ === fn.prototype
        const obj = Object.create(fn.prototype)

        // 调用函数 fn()，传入参数 args，fn 中的 this 指向 obj；
        // 如果函数执行有返回值则存储到 res 中
        res = fn.apply(obj, args)

        // 根据 res 的情况，返回 res 或 obj
        return res instanceof Object ? res : obj
    }