Js new到底发生了什么

在Js中，我们使用了new关键字来进行实例化

那么在这个new的过程中到底发生了什么？

 

关于构造函数的return

正常来讲构造函数中是不用写return语句的，因为它会默认返回新创建的对象。

但是，如果在构造函数中写了return语句，如果return的是一个对象，那么函数就会覆盖掉新创建的对象，而返回此对象。

如果return的是基本类型如字符串、数字、布尔值等，那么函数会忽略掉return语句，还是返回新创建的对象。

function Foo(){
    this.a = 1;
    this.b = 2;
}
Foo.prototype.sayMessage = function(){
    console.log(this.a+ this.b);
}

var obj = new Foo();

我们来看看返回了什么：

function Foo(){
    this.a = 1;
    this.b = 2;
    return {
        myName: 'GaryGuo'
    }
}
Foo.prototype.sayMessage = function(){
    console.log(this.a+ this.b);
}

var obj = new Foo();

我们再来看看返回了什么：

 

其实在new的过程中发生了四步操作：

var obj = new Object();
obj.__proto__ = Foo.prototype;
var returnVal = Foo.apply(obj, arguments);
obj = (returnVal instanceof Object && returnVal) || obj;