原型和原型链

原型

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

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

结论

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

相关推荐
水银嘻嘻7 分钟前
12 web 自动化之基于关键字+数据驱动-反射自动化框架搭建
运维·前端·自动化
it_remember8 分钟前
新建一个reactnative 0.72.0的项目
javascript·react native·react.js
小嘟嚷ovo30 分钟前
h5,原生html,echarts关系网实现
前端·html·echarts
十一吖i1 小时前
Vue3项目使用ElDrawer后select方法不生效
前端
只可远观1 小时前
Flutter目录结构介绍、入口、Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件
前端·flutter
周胡杰1 小时前
组件导航 (HMRouter)+flutter项目搭建-混合开发+分栏效果
前端·flutter·华为·harmonyos·鸿蒙·鸿蒙系统
敲代码的小吉米1 小时前
前端上传el-upload、原生input本地文件pdf格式(纯前端预览本地文件不走后端接口)
前端·javascript·pdf·状态模式
是千千千熠啊1 小时前
vue使用Fabric和pdfjs完成合同签章及批注
前端·vue.js
Blossom.1181 小时前
使用Python实现简单的人工智能聊天机器人
开发语言·人工智能·python·低代码·数据挖掘·机器人·云计算
da-peng-song2 小时前
ArcGIS Desktop使用入门(二)常用工具条——数据框工具(旋转视图)
开发语言·javascript·arcgis