概述
一些概念:
- 显式原型属性:
prototype
- 隐式原型属性:
__proto__
(相当于一个指针)
-
每个函数都有
prototype
属性(对象没有),默认为一个空的object对象 -
每个实例对象都有一个
__proto__
属性,默认为构造函数的prototype
属性值
即实例对象的隐式原型属性 = 构造函数的显式原型属性 -
访问一个对象的属性时,先在自身属性上找,找到返回。没找到,就沿着
__proto__
这条链向上找,找到返回。如果最终没有找到,返回undefined
看图分析
找了一个比较经典的图,一起过一遍吧。
图比较大,一点一点来。
Step1:一部分在前面验证过了。
Step2: 由开始的代码中可以知道,Foo.prototype
本身是一个对象。对象的__proto__
指向构造函数的显式原型对象。所以Foo.prototype
的 __proto__
指向Object.prototype
???? 从下图红色箭头可以看出,Foo.prototype
的 __proto__
的确是指向Object.prototype
的
Step3: Foo的构造函数指向本身,因此作为一个函数,它的__proto__
指向Function.prototype
????代码说明:
Step4:o1 的构造函数是Object
,所以o1隐式原型属性指向Object
的显式原型属性。
至于function Object()
与 Object.prototype
之间的箭头, 和function Foo()一样,应该不用多说了
Step5:同Foo(),Object的构造函数是他本身,作为一个函数,Object的__proto__自然是Function.prototype
????代码说明:
Step6: 这里基本上也是一样的理解与分析。Function的显式原型属性 就是 Function.prototype
Function的constructor指向自己, __proto__
也就是指向Function.prototype
看了一些前辈的博客,自己也敲了代码做了一点验证,我的理解:原型链就是__proto__
沿着constructor
找prototype
,一直找,直到找到目标属性或者最终没找到返回undefined
.
文中有什么不正确的地方,还希望得到您的指正,谢谢~
最后
以上就是俊秀胡萝卜为你收集整理的关于原型链的理解与图例分析的全部内容,希望文章能够帮你解决关于原型链的理解与图例分析所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复