原型和原型链

原型

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

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

结论

因此,在构造函数时,将公共属性和方法写入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属性(原型)是否出现在某个实例对象的原型链上 #### 简单来说就是一个实例对象的原型链上是否可以找到某个构造函数的原型 即 实例对象是否在属于某构造函数

相关推荐
计算机安禾几秒前
【数据结构与算法】第29篇:红黑树原理与C语言模拟
c语言·开发语言·数据结构·c++·算法·visual studio
还是大剑师兰特3 分钟前
Vite + Vue 3 一体化开发调试插件:vite-plugin-vue-devtools
前端·javascript·vue.js
叹一曲当时只道是寻常3 分钟前
Tauri v2 + Rust 实现 MCP Inspector 桌面应用:进程管理、Token 捕获与跨平台踩坑全记录
开发语言·后端·rust
晓得迷路了4 分钟前
栗子前端技术周刊第 123 期 - axios 包遭入侵、Babylon.js 9.0、Node.js 25.9.0...
前端·javascript·axios
独特的螺狮粉7 分钟前
开源鸿蒙跨平台Flutter开发:应对重症监护警报疲劳:BLoC 架构下的 FSM (有限状态机) 建模与全局消息干预机制
开发语言·flutter·华为·开源·harmonyos
Cobyte10 分钟前
如何使用飞书机器人连接本地 AI Agent
前端·aigc·ai编程
starsky7623811 分钟前
深入理解 Web 容器:从反射扫描到服务器启动的完整实现
java·前端·tomcat
路飞雪吖~13 分钟前
【测试】接口测试---1个框架,5个模块
开发语言·python·测试工具
sycmancia13 分钟前
QT——计算器核心算法
开发语言·qt·算法
拆房老料14 分钟前
从 Euro-Office 说起:Office 不是编辑器,是一套复杂系统工程
前端·编辑器·开源软件·开源协议