快速搞懂『原型、原型链』【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

相关推荐
程序员Sunday7 小时前
JavaScript 事件循环面试题,宏任务与微任务怎么执行|Sunday面试指南
开发语言·javascript·面试·校招·事件循环·程序员sunday
Setsuna_F_Seiei7 小时前
前端转型 Agent 开发 06 之 Agent Memory 记忆系统(让 Agent 更智能,更懂你)
前端·agent·ai编程
zhangzeyuaaa8 小时前
Ruby 多线程、GVL(GIL)与 Mutex 完全指南
开发语言·前端·ruby
默_笙8 小时前
🌊 向量库和 ES 都查不出"关系",我只好给奶茶建了一张人脉网
前端·javascript
优选资讯9 小时前
标签打印软件怎么对接 Excel 数据
前端·excel
思无邪669 小时前
用 AI 做 JS 逆向:从抓包到复现的完整方法论
开发语言·javascript·人工智能
一个风轻云淡10 小时前
GCC 和 GDB命令简单解读
java·linux·前端
u01110267510 小时前
图片处理接口如何统一错误信息 前端提示与后端错误码设计
前端·状态模式
福兮说11 小时前
浏览器里把 iPhone 的 HEIC 转成 JPG:Chrome 解不开、转完大了七成、拍摄时间全丢,六个坑实测
前端·javascript·图像处理·chrome·ios·iphone·heic
libokaifa11 小时前
把语音模型塞进手机:sherpa-onnx 在 Android 上的 ASR / TTS
前端