原型对象、原型、原型链

一、原型对象

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

原型对象与实例对象:

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

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

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

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

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

二、原型

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

\[prototype] <==> proto

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

三、原型链

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

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

原型链查找规则:

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

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

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

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

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

四、原型继承

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

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

相关推荐
2601_9622186114 分钟前
深入理解C++中的thread_local线程局部变量的应用
开发语言·c++
外收内放18 分钟前
Python基础语法练习题(31-33)
开发语言·python
CRMEB系统商城25 分钟前
前后端技术栈全面换代!CRMEB 多商户(Java)v3.0更新预告
java·开发语言·小程序·php
2601_9628857225 分钟前
如何用 Python 画 K 线图(蜡烛图)?(mplfinance + 均线 + 成交量)
开发语言·python
事圆则缓29 分钟前
Flutter 状态管理框架对比(三):Riverpod 如何连起购物车与异步价格
开发语言·javascript·flutter
蓝宝石的傻话31 分钟前
onvif-go(mickeyzzc/onvif-go v2)完整参考手册:从建工程到写出自己的 NVR 接入
开发语言·后端·golang
Elastic 中国社区官方博客40 分钟前
使用 Lucene 搜索你的 Bean —— Elasticsearch
大数据·开发语言·人工智能·elasticsearch·搜索引擎·全文检索·lucene
Sayai1 小时前
Neo4j 内嵌模式(Embedded)实战:Java 嵌入式 vs 服务端部署的写入性能对比与 GC 调优
java·开发语言·性能优化·neo4j·图数据库
lyz2468591 小时前
vue3页面因参数未声明而报错的常犯错误
前端·javascript·vue.js
Hilaku1 小时前
我重写了整个项目,但没人感谢我!
前端·javascript·程序员