原型和原型链

原型

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

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

结论

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

相关推荐
Drift_Dream几秒前
在Vue样式中使用JavaScript 变量(CSS 变量注入)
前端
C_心欲无痕几秒前
vue3 - toRaw获取响应式对象(如由reactive创建的)的原始对象
前端·javascript·vue.js
PlankBevelen几秒前
手搓实现简易版 Vue2 响应式系统
前端
LoveDreaMing3 分钟前
MCP入门梳理
前端·typescript·mcp
缺点内向3 分钟前
如何在 C# 中将 Word 文档转换为 EMF(增强型图元文件)
开发语言·c#·word·.net
小林攻城狮4 分钟前
一个基于 canvas 的 pdf 图片分页切割方法
前端·javascript
老华带你飞6 分钟前
学生宿舍管理|基于java + vue学生宿舍管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
一天前7 分钟前
一个功能强大的 React Native 拖拽排序组件库,支持单列和多列布局,提供流畅的拖拽体验和自动滚动功能
前端
OpenTiny社区7 分钟前
2025年OpenTiny年度人气贡献者评选正式开始
前端·javascript·vue.js
JosieBook10 分钟前
【Vue】04 Vue技术——Vue 模板语法详解:插值与指令
前端·javascript·vue.js