欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

javascript中以new形式创建对象的过程

程序员文章站 2022-04-22 18:26:32
...
JS的new操作到底干了些什么呢?我们一步一步来看。

比如我定义了一个function,并执行new操作:

function Foo(){}
var foo = new Foo();

补补脑:
每一个函数中都会有一个叫prototype的属性,类型是object,即一个引用对象。
每一个对象中都会有一个叫__proto__的属性,类型野是object,也是一个引用对象。

首先,当JavaScript引擎执行new操作时,会马上开辟一个块内存,创建一个空对象(并将this指向这个对象)。

接着,执行构造函数Foo(),对这个空对象进行构造(构造函数里有什么属性和方法都一一给这个空白对象装配上去,这就是为何它叫构造函数了)。

然而,给这个空对象添加了一个叫__proto__的属性,而且这个__proto__指向Foo()的prototype对象。换句话说,就是__proto__ = prototype;