JavaScript：new关键字的执行过程

在使用JavaScript开发过程中，经常会用到new关键字，从字面意思来看，就是新建一个对象，那么在我们看不见的数据之间的操作到底发生了什么呢？使用new的这个过程执行了哪些操作？看下面的例子：

function Person(name) {
    this.name = name;
}
let zhangsan = new Person('张三');

上述代码中new了一个Person，这其中的过程如下：

第一步：创建一个空对象object，let obj = new Object()---创建对象新对象，就是指在栈内新建了一个obj，这个obj实际上是指的堆中对应的一个地址。

第二步：设置原型链---这里所说原型链，就是设置新建对象obj的隐式原型即_proto_属性指向构造函数Person的显示原型prototype对象，即

obj.proto = Person.prototype

第三步：改变构造函数Person的this绑定到新对象obj，并且利用call()或者是apply()来执行构造函数Person，如下：

let result = Person.call(obj)

第四步：将第三步中初始化完成后的对象地址，保存到新对象中，同时要判断构造函数Person的返回值类型，为什么要判断值类型呢？因为如果构造函数中返回this或者是基本数据类型（number数值，string字符串，Boolean布尔，null，undefined）的值时，这个时候则返回新的实例对象，如果构造函数返回的值是引用类型的，则返回的值是引用类型，如下：

if (typeof (result) === "object") {
    func = result;
} else {
    func = obj; // 默认返回
}

这里需要注意一点的就是JavaScript中的构造函数，是不需要返回值的，所以会默认返回一个新创建的空对象obj。

结合上面所说的new关键字执行过程，我们可以手写一个函数实现一下，提升一下理解：

function newObject(func) {
    return function () {
        let newObj = {
            __proto__: func.prototype // 新生成一个对象,且新对象的隐式原型对象继承自构造对象的显示原型对象
        }
        var returnObj = func.call(obj, arguments) // 以第二次执行函数的参数,在obj作用域中执行func
        if ((typeof returnObj === "object" || typeof returnObj === "function") && returnObj !== null) {
            return returnObj;
        } // 同理,returnObj是 "对象" 类型,那么这个对象会取代newObj作为返回的对象
        return newObj
    }
}

 

有不足之处，希望各位大神指点指点。。。