快速搞懂『原型、原型链』【JavaScript基础专题】

掌握名称对应和它们的从属关系

  1. 对应名称
  • prototype: 原型
  • proto:原型链(原型的链接点)
  1. 从属关系
  • prototype -> 从属于函数,函数的原型属性,就是一个对象{}
  • proto ->Object的一个属性 也是一个对象{}
  • 对象的proto保存着该对象的构造函数的prototype

从属关系与原型链的基本认知

简单理解,原型链是什么? 原型链就是以一个对象为基准,以__proto__为连接的一个链条,一直到Object.prototype为止。

深入认识原型链、原型与原型链继承

举个例子 :创建一个Test函数,里面有a属性,值为1,通过Test.prototype.b=2,结果为:Test.prototype对应的__proto__也是一个对象,新增了一个b属性,值为2

这个链条长这样,顶层一直到Object.prototype 既然这样我们是否可以通过Object.prototype.c = 3增加一个c?

我们可以通过test对象之间访问到a,b,c。也就是说,我们能否访问到这些值,与是不是构造他的函数是没有关系的,也就是说并不是说我构造了你,你就只能继承我,我们可以通过原型继承,__proto__上保存了Test.prototype这个对象,这个对象里面有b...当我们在test里面找不到c的时候就会通过Test.prototype上去找,这个上面也找不到,我们就去Object.prototype上找,即:原型链可以从底层到高层一步步继承,当底层能够找到时,就不会再接着往上找了(沿着proto去找链上的任意一个原型属性,里面只要有我们要的值,就拿下来,没有就接着往上找)(原型链继承)

Function与Object的特殊性

Test底层是由Function构造来的,那么Test.proto也就全等于Function.prototype,Test的proto对应了他的原型

这里的Function的proto 全等于他的prototype是底层指定好了的

Object本身就是一个函数,因此这里他等于Function的prototype是合情合理的,据此我们就能推出

判断属性是否存在方法

hasOwnproperty方法看对象上是否有这个属性,ab本身有,c是通过继承来的

如果想看看链条上有没有呢? in

相关推荐
崔庆才丨静觅7 小时前
hCaptcha 验证码图像识别 API 对接教程
前端
passerby60618 小时前
完成前端时间处理的另一块版图
前端·github·web components
掘了8 小时前
「2025 年终总结」在所有失去的人中,我最怀念我自己
前端·后端·年终总结
崔庆才丨静觅8 小时前
实用免费的 Short URL 短链接 API 对接说明
前端
崔庆才丨静觅9 小时前
5分钟快速搭建 AI 平台并用它赚钱!
前端
崔庆才丨静觅9 小时前
比官方便宜一半以上!Midjourney API 申请及使用
前端
Moment9 小时前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端
崔庆才丨静觅9 小时前
刷屏全网的“nano-banana”API接入指南!0.1元/张量产高清创意图,开发者必藏
前端
剪刀石头布啊9 小时前
jwt介绍
前端
爱敲代码的小鱼10 小时前
AJAX(异步交互的技术来实现从服务端中获取数据):
前端·javascript·ajax