我是靠谱客的博主 俊秀胡萝卜,最近开发中收集的这篇文章主要介绍关于原型链的理解与图例分析,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

一些概念:

  • 显式原型属性: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.
文中有什么不正确的地方,还希望得到您的指正,谢谢~

最后

以上就是俊秀胡萝卜为你收集整理的关于原型链的理解与图例分析的全部内容,希望文章能够帮你解决关于原型链的理解与图例分析所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(59)

评论列表共有 0 条评论

立即
投稿
返回
顶部