关于原型链的理解与图例分析

一些概念:

  • 显式原型属性: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__沿着constructorprototype,一直找,直到找到目标属性或者最终没找到返回undefined.
文中有什么不正确的地方,还希望得到您的指正,谢谢~

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值