原型prototype原型链__proto__构造器constructor

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原型prototype原型链__proto__构造器constructor相关的知识,希望对你有一定的参考价值。

创建函数时,会有原型prototype,有原型链__proto__,有constructor.(构造函数除外,没有原型) 。

prototype原型:是对象的一个属性(也是对象),使你有能力向对象添加属性和方法。

__proto__原型链:指向创建它的函数对象的原型对象prototype。

constructor构造器:返回创建此对象的函数。

 

创建一个函数

 技术分享

技术分享

这个函数的constructor返回的是js底层的函数Function,它的原型链__proto__是function。__proto__是创建函数对象的原型,constructor是创建函数的对想,所以constructor.prototype===__proto__.

技术分享

技术分享

技术分享

技术分享

 技术分享

 

构造函数则跟上面的不同。构造函数,没有prototype,有__proto__,有constructor

技术分享

技术分享

技术分享

pro的原型链__proto__继承的是Pro的原型prototype

 技术分享

constructor属性是返回创建此对象的函数,也就是function Pro()

constructor的原型和__proto__是相同的。

技术分享

 

 实例化pro过程有三步:1.var pro = new Object();

           2.pro.__proto__=Pro.prototype;   pro.constructor = Pro.prototype.constructor

           3.将pro作为this调用的构造函数,去设置属性和方法。

 

以上是关于原型prototype原型链__proto__构造器constructor的主要内容,如果未能解决你的问题,请参考以下文章

js 最容易理解的原型链 prototype和_proto_

原型链

03. JavaScript高级(3/5)(原型链讲解)

原型链之prototype/__proto__/constructor

JS原型链理解

理解js中的原型链,prototype与__proto__的关系