原型和原型链

原型

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

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

结论

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

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

例如 扩展数组求和方法:

对象原型

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

注意:

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

\[prototype ]和proto意义相同

用来表明当前实例对象指向哪个原型对象prototype

即:对象原型指向原型对象

原型链

只要是实例化对象就有proto 它指向该对象的原型对象

普通构造函数的原型对象也是一个对象 也有proto 指向Object构造函数的原型对象

Object构造函数的原型对象也有proto但是它指向null 空

例如:

总的来说:

原型链就是一种查找规则:

1.当访问一个对象的属性或者方法时,首先查找这个对象自身有没有该属性

2.如果没有就查找它的原型

3.如果还没有就查找原型对象的原型

4.以此类推直到查找到Object为止

5.proto对象原型的意义就在于为对象成员查找机制提供一个方向

例如:

map方法就在构造函数Array的原型对象上,声明的普通数组想要使用就需要一层层查找到Array的原型对象上

6.可以使用instanceof运算符用于检测构造函数的prototype属性(原型)是否出现在某个实例对象的原型链上

简单来说就是一个实例对象的原型链上是否可以找到某个构造函数的原型

即 实例对象是否在属于某构造函数

相关推荐
Revolution61几秒前
Node.js 是什么:前端项目里哪些事情由它完成
前端·面试·node.js
Richard.Wong12 分钟前
qt生成dll供C#调用
开发语言·qt
我要两颗404西柚18 分钟前
Stage three:VUE工程化与实战工具
前端·javascript·vue.js
光影少年23 分钟前
RN 的EventEmitter 双向通信
前端·react native·react.js
wang_xin_88825 分钟前
PHP函数
开发语言·php
Immortal__y30 分钟前
php函数
开发语言·php
AI砖家33 分钟前
多商户多租户系统架构设计文档(Java版)
java·开发语言·系统架构·多租户·多商户
布鲁飞丝1 小时前
从零实现富文本编辑器#-浏览器选区与编辑器选区模型同步
java·前端·编辑器
写不来代码的草莓熊1 小时前
Cesium 地图交互绘制圆形、多边形
前端·javascript·地图
weixin_427771611 小时前
前端版本检测
前端