javaScript 构造函数的new 命令

使用new命令时，它后面的函数依次执行下面的步骤:

1.创建一个空对象，作为将要返回的对象实例。
2.将这个空对象的原型，指向构造函数的prototype属性。
3.将这个空对象赋值给函数内部的this关键字。
4.开始执行构造函数内部的代码。

 let newFunc = function (func) {
        //1.新建一个空对象，并将 构造函数的原型对象赋给这个空对象
        let obj = Object.create(func.prototype);
        //2.执行构造函数，相应参数被传入，并将this的上下文指向新创建的对象obj
        let ret = func.call(obj, 'ABC');
        //3.如果构造函数返回了对象，就舍弃之前创建的对象obj，newObj = ret
        if (typeof ret === 'object') {
            return ret;
        } else { //4.反之，newObj = obj
            return obj;
        }
    }
    let foo = function (name) {
        return this.name = name || 'Hello World!';
    }
    let newObj = newFunc(foo);
    console.log(newObj.name);//ABC

上面的代码模拟了new的过程。在构造函数内部，this指的是一个新生成的空对象，所有针对this的操作，都会发生在这个空对象上。构造函数之所以叫“构造函数”，就是说这个函数的目的，就是操作一个空对象（即this对象），将其“构造”为需要的样子。
注意：
构造函数内部有return语句，如果return后面跟着一个对象，new命令会返回return语句指定的对象；否则，就会不管return语句，返回this对象。
返回不是对象：

    let MyFunc = function (){
        if (!(this instanceof MyFunc)) {
            return new MyFunc();
        }
        this.price = 1000;
        return 'param';
    };
    let v =  new MyFunc();
    console.log(v);//MyFunc {price: 1000}

上面代码中，构造函数MyFunc的return语句返回一个字符串。这时，new命令就会忽略这个return语句，返回“构造”后的this对象。
返回对象：

    let MyFunc = function (){
        if (!(this instanceof MyFunc)) {
            return new MyFunc();
        }
        this.price = 1000;
        return {
            name:"123",
            age:28
        };
    };
    let v =  new MyFunc();
    console.log(v);//{name: "123", age: 28}

上面代码中，构造函数MyFunc 的return语句，返回的是一个新对象。new命令会返回这个对象，而不是this对象。
另外，如果对普通函数（内部没有this关键字的函数）使用new命令，则会返回一个空对象。

 function testNew(){
        return 'message';
    }
    let mMsg = new testNew();
    console.log(mMsg);//testNew {}
    console.log(typeof mMsg);//object

上面代码中，testNew是一个普通函数，返回一个字符串。对它使用new命令，会得到一个空对象。这是因为new命令总是返回一个对象，要么是实例对象，要么是return语句指定的对象。本例中，return语句返回的是字符串，所以new命令就忽略了该语句。
所以，我们就得对构造函数做出必须要使用new 命令。可以使用new.target.

new.target

函数内部可以使用new.target属性。如果当前函数是new命令调用，new.target指向当前函数，否则为undefined。

    function f() {
        console.log(new.target === f);
        if (!new.target) {
            throw new Error('请使用 new 命令调用！');
        }else{
        //........
        }
    }
    new f(); // true
    f(); // false,Uncaught Error: 请使用 new 命令调用！