原型和原型链

原型

为解决构造函数声明对象时浪费内存的问题,可以使用原型对象实现实例方法共享

解决浪费内存问题的原理:

结论

因此,在构造函数时,将公共属性和方法写入prototype 原型对象

原型对象内,节约内存,实现实例化对象公共属性的共享

例如 扩展数组求和方法:

对象原型

实例对象都会有一个属性proto 指向构造函数的prototype原型对象,之所以我们对象可以使用构造函数prototype原型对象的属性和方法,就是因为对象有proto原型的存在

注意:

proto是JS非标准属性(只读不能赋值)

\[prototype \]\]和**proto**意义相同 用来表明当前实例对象指向哪个原型对象prototype 即:对象原型指向原型对象 ### 原型链 只要是实例化对象就有**proto** 它指向该对象的原型对象 普通构造函数的原型对象也是一个对象 也有**proto** 指向Object构造函数的原型对象 Object构造函数的原型对象也有**proto**但是它指向null 空 例如: ![](https://i-blog.csdnimg.cn/direct/e00a1e18bdfc4ef9a3d6f47e7cd76965.png) 总的来说: 原型链就是一种**查找规则:** 1.当访问一个对象的属性或者方法时,首先查找这个对象自身有没有该属性 2.如果没有就查找它的原型 3.如果还没有就查找原型对象的原型 4.以此类推直到查找到Object为止 5.**proto**对象原型的意义就在于为对象成员查找机制提供一个方向 例如: map方法就在构造函数Array的原型对象上,声明的普通数组想要使用就需要一层层查找到Array的原型对象上 6.可以使用instanceof运算符用于检测构造函数的prototype属性(原型)是否出现在某个实例对象的原型链上 #### 简单来说就是一个实例对象的原型链上是否可以找到某个构造函数的原型 即 实例对象是否在属于某构造函数

相关推荐
GIS之路1 小时前
ArcPy,一个基于 Python 的 GIS 开发库简介
前端
可夫小子3 小时前
OpenClaw基础-为什么会有两个端口
前端
喝拿铁写前端3 小时前
Dify 构建 FE 工作流:前端团队可复用 AI 工作流实战
前端·人工智能
喝咖啡的女孩3 小时前
React 合成事件系统
前端
从文处安4 小时前
「九九八十一难」组合式函数到底有什么用?
前端·vue.js
前端Hardy4 小时前
面试官:JS数组的常用方法有哪些?这篇总结让你面试稳了!
javascript·面试
用户5962585736064 小时前
戴上AI眼镜逛花市——感受不一样的体验
前端
yuki_uix4 小时前
Props、Context、EventBus、状态管理:组件通信方案选择指南
前端·javascript·react.js
老板我改不动了4 小时前
前端面试复习指南【代码演示多多版】之——HTML
前端
panshihao4 小时前
Mac 环境下通过 SSH 操作服务器,完成前端静态资源备份与更新(全程实操无坑)
前端