JavaScript的new关键字到底干了啥

JavaScript中的new关键字用于创建一个对应构造函数的实例对象。

例如：

function Foo(x,y){

    this.x=x;

    this.y=y;

}

let f1=new Foo(1,2);

console.log(f1)

打印出的结果为：Foo {x: 1, y: 2}

上例中首先定义了一个构造函数Foo，传入两个参数x和y分别给对应的属性赋值。然后通过new操作符创建Foo构造函数的一个实例对象赋值给f1。

通过控制台打印出f1的值，可以看到是我们new关键字创建时候传入的值。

其实使用new关键字创建对象的时候，发生了如下操作：

1、创建一个空对象{}（下面以o代表这个空对象）；

2、将空对象o的[[Prototype]]（一些浏览器中实现为__proto__）指向构造函数Foo的原型prototype。

3、将构造函数Foo内部的this跟新创建的对象o进行绑定，Foo构造函数传入的值进行相关的赋值操作。

4、若构造函数没有引用类型的返回值（例如上个例子中Foo就没有返回值），则返回该新创建的对象o。针对没有返回值的情况，系统默认return this。针对有引用类型返回值的情况，返回引用类型的值。

以上，就是new关键字创建新对象的时候执行的全部操作