原型对象、原型、原型链

一、原型对象

js规定,每一个构造函数都有一个prototype属性,指向另一个对象,我们称之为原型对象。

原型对象与实例对象:

原型对象可以挂载函数,对象实例化不会多次创建原型对象里面的函数,节约内存;

实例对象可以直接访问原型对象中的函数,先找实例对象属性或函数,找不到会再找原型对象中的的属性和函数。

构造函数和原型对象中的this都指向实例化的对象。

箭头函数不能做构造函数,因为箭头函数里没有this。

constructor属性------每个原型对象里面多有个constructor属性(constructor构造函数),该属性指向该原型对象的构造函数。

二、原型

对象都会有一个属性__proto__指向构造函数的prototype原型对象。

\[prototype] <==> proto

尽量不要修改这个属性,否则会对性能产生非常严重的影响。

三、原型链

__proto__属性的链状结构被称为原型链。

原型链的作用是为对象成员查找机制提供一个方向,或者说一条路线。

原型链查找规则:

1、当访问一个对象成员(属性/方法)时,首先查找这个对象自身有没有该成员(属性/方法)

2、如果没有就查找他的原型对象,也就是__proto__指向的prototype原型对象

3、如果还没有,就查找原型对象的原型对象,就是Object的原型对象

4、依次类推,知道找到Object为止(null)

instanceof可以用来检测构造函数.prototype是否存在于实例对象的原型链上。

四、原型继承

有些公共的属性和方法可以写到父级身上,自己通过继承也可以使用这些属性和方法。

js大多是借助原型对象实现继承的特性。

相关推荐
小的时候可菜了4 小时前
JS 异步的本质:从单线程到 thenable(一条进化链)
开发语言·前端·javascript
可乐鸡翅yeah_4 小时前
hls.js 配置 loadStartPosition,点播起始播放位置踩坑
开发语言·javascript·网络协议·ecmascript·m3u8在线
en.en..4 小时前
Linux 进程退出exit(函数)
java·开发语言·算法
Cx330❀4 小时前
【Qt 进阶指南】详解 Qt 常用标准对话框与主窗口组件架构
开发语言·qt·ui·性能优化·架构·图形渲染
Light Gao4 小时前
Encoder 与 Decoder 详解:从 Embedding 到 Seq2Seq 的完整数据流
java·开发语言·embedding
HZZD_HZZD4 小时前
弱网下CoAP还省吗?合众致达Cat.1电表90天实测:MQTT重连流量占52%、续航差距从38%拉大到73%
开发语言·物联网·php·腾讯云
web打印社区4 小时前
Windows 网页静默打印设置步骤:客户端、防火墙与联调清单
开发语言·前端·javascript·chrome·pdf·ecmascript
小师兄吃牛肉4 小时前
什么是R语言?如何快速学习R语言
开发语言·学习·r语言
Evand J5 小时前
【MATLAB例程】三维快速扩展随机树(RRT)路径规划与到达角(AOA)、到达时间差(TDOA)融合定位,附下载链接
开发语言·matlab·代码·定位·例程
执明wa5 小时前
Android RecyclerView 实战:点击频道栏切换对应内容
android·开发语言·windows·microsoft·android studio