JS---原型链

放肆的年华 提交于 2020-02-15 10:15:37

1.prototype和contructor

prototype指向函数的原型对象,这是一个显式原型属性,只有函数才拥有该属性。contructor指向原型对象的构造函数。
关系如下图:
在这里插入图片描述

2. _ _proto _ _

每个对象都有__proto__,它是隐式原型属性,指向了创建该对象的构造函数原型。由于js中是没有类的概念,而为了实现继承,通过 proto 将对象和原型联系起来组成原型链,就可以让对象访问到不属于自己的属性。
函数和对象的关系如下图:
在这里插入图片描述注意:Foo、Function和Object都是函数,它们的_proto_都指向Function.prototype。

3.原型对象之间的关系

如图:
在这里插入图片描述原型对象的_proto_都指向了Object.prototype。js原型链最终指向的是Object原型对象

4.原型链

如图:
在这里插入图片描述从第一个图到最后一个图我把它们拆分开理解,避免线条太对,混淆了,最后我自己总结了一下如下:
(1).Function 和 Object 是两个函数。
(2).__proto __ 属性将对象和原型连接起来组成了原型链。
(3).所有的函数的 __ proto__ 都指向Function原型对象。
(4).js的原型链最终指向的是Object原型对象(Object.prototype),如上图所示:

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!