Js new到底发生了什么

时间:2021-10-07 22:18:10
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();

我们来看看返回了什么:

Js new到底发生了什么

 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();

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

Js new到底发生了什么

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

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