原型与原型链

 一、原型:prototype

1.什么是原型?

javascript常被描述为一种基于原型的语言(每个对象都拥有一个原型对象)

当访问一个对象的属性时,它不仅在该对象上寻找,还会寻找该对象的原型,以及该对象原型的原型,层层向上,直到找到或者到达原型链的末尾

函数可以有属性,每个函数都有一个特殊的属性叫做原型prototype

function Fn(){}
console.log( Fn.prototype );// 控制台输出/* {constructor: ƒ Fn(),__proto__: {constructor: ƒ Object(),hasOwnProperty: ƒ hasOwnProperty(),isPrototypeOf: ƒ isPrototypeOf(),propertyIsEnumerable: ƒ propertyIsEnumerable(),toLocaleString: ƒ toLocaleString(),toString: ƒ toString(),valueOf: ƒ valueOf()}
}
*/

上面的这个对象,就是大家常说的原型对象

可以看到,原型对象有一个自有属性constructor,这个属性指向该函数,如下图关系展示

2.函数的prototype属性

每个函数都有一个prototype属性,它默认指向一个Object对象(即为:原型对象)

原型对象中有一个属性constructor,它指向函数对象

3.给原型对象添加属性(一般都是方法)

作用:函数的所有实例对象自动拥有原型中的属性 

4.原型对象有一个属性constructor,它指向函数对象

二、显示原型与隐式原型

1.每个函数function都有一个prototype,即显示原型(属性)

2.每个实例对象都有一个_proto_,可称为隐式原型(属性)

3.对象的隐式原型的值为其对应构造函数的显示原型的值

4.内存结构

//定义构造函数
Function Fn(){  //内部语句:this.prototype={}}
//每个函数function都有一个prototype,即显示原型属性,默认指向一个空的Object对象
console.log(Fn.prototype)
//创建实例对象
//每个实例对象都有一个_proto_,可称为隐式原型
var fn=new Fn()//内部语句:this._proto_===Fn.prototype
console.log(fn._proto_)
//对象的隐式原型的值为其对应构造函数的显示原型的值
console.loG(fn._proto_===Fn.prototype)
//给原型添加方法
Fn.prototype.test=function(){console.log('test()')
}
//通过实例调用原型的方法
fn.test()

5.总结:

函数的prototype属性:在定义函数时自动添加的,默认值是一个空Object对象

对象的_proto_属性:创建对象时自动添加的,默认值为构造函数的prototype属性值

程序员能直接操作显示原型,但不能直接操作隐式原型(ES6之前)

三、原型链

1.原型链的概念

原型对象也可能拥有原型,并从中继承方法和属性,一层一层,依次类推。这种关系就形成了原型链(这也就是为何一个对象会拥有定义在其他对象中的属性和方法)

在对象实例和他的构造器之间建立一个连接(它是_proto_属性,是从构造函数的prototype属性派生的),之后通过溯原型链,在构造器中找到这些属性和方法

2.原型链:访问一个对象的属性时

(1)先在自身属性中查找,找到返回

(2) 如果没有,则再沿着_proto_这条链向上查找,找到返回

(3) 如果最终没有找到,返回undefined

别名:隐式原型链

作用:查找对象的属性(方法)

function Fn(){this.test1=function(){console.log('test1()')}
}
Fn.prototype.test2=function(){console.log('test2()')
}
var fn=new Fn()
fn.test1()
fn.test2()
console.log(fn.toString())

3.构造函数/原型/实例对象的关系

(1) 函数的显示原型指向的对象默认是空的Object对象(但Object不满足) 

(2)所有的函数都是Function的实例(包含Function)

(3)Object的原型对象是原型链尽头 

(4)实例对象的隐式原型等于构造函数的显示原型属性,任何函数都是new Function产生的

小结:

function Person(name) {this.name = namethis.age = 20this.sayName = function() {console.log(this.name)}
}
//	创建实例
let person = new Person('CSDN')

(1)__proto__作为不同对象之间的桥梁,用来指向创建它的构造函数的原型对象

(2)每个对象的__proto__都是指向它的构造函数的原型对象的prototype

person1.__proto__ === Person.prototype

(3)构造函数是一个函数对象,都是通过Function构造器产生的

Person.__proto__===Function.prototype

(4)原型对象本身是一个普通对象,而普通对象的构造函数都是Object

Person.prototype.__proto===Object.prototype

(5)刚刚上面说了,所有的构造器都是函数对象,函数对象都是Function构造产生的

Object.__proto===Function.prototype

(6)Object的原型对象也有__proto__属性指向null,null是原型链的顶端

Object.prototype.__proto__ === null

tip:

  • 一切对象都是继承自Object对象,Object对象直接继承根源对象null
  • 一切的函数对象(包括Object对象),都是继承自Function对象
  • Object对象直接继承自Function对象
  • Function对象的__proto__会指向自己的原型对象,最终还是继承自Object对象

4.原型继承:

(1)构造函数的实例对象自动拥有构造函数原型对象的属性

(2) 利用的就是原型链、

5.原型属性问题

(1)读取对象的属性值时,会自动到原型链中查找

(2)设置对象的属性值时,不会查找原型链,如果当前对象中没有此属性,直接添加此属性并设置其值

(3)方法一般定义在原型中属性一般通过构造函数定义在对象本身

6.探索instanceof

(1)instanceof是如何判断的?

   表达式:B  instanceof  A

   如果A函数的显示原型对象在B对象的原型链上,返回trur,否则返回false

(2)Function是通过new自己产生的实例

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/168403.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Git学习笔记——超详细

Git笔记 安装git: apt install git 创建版本库: git init 添加文件到版本库: git add 文件 提交文件到仓库: git commit -m “注释” 查看仓库当前的状态信息: git status 查看修改内容和之前版本的区别&am…

阿里云服务器x86计算架构ECS实例规格汇总

阿里云企业级服务器基于X86架构的实例规格,每一个vCPU都对应一个处理器核心的超线程,基于ARM架构的实例规格,每一个vCPU都对应一个处理器的物理核心,具有性能稳定且资源独享的特点。阿里云服务器网aliyunfuwuqi.com分享阿里云企业…

STM32 HAL高级定时器正交编码模式案例

STM32 HAL高级定时器正交编码模式案例 🔖基于stm32F030RBT6单片机采用高级定时器1,编码器模式,测试EC11编码器。 🎬EC11测试效果: 🌿STM32定时器编码器有3种映射模式: ✨本次采用的是上面的模式3&#x…

【网络】HTTPS讲解(侧重于加密、秘钥、证书的讲解)

HTTPS讲解 前言正式开始安全HTTP和HTTPS的关系什么是加密和解密为什么要加密运营商劫持中间人 常⻅的加密⽅式对称加密⾮对称加密 数据摘要数字签名HTTPS 的⼯作过程⽅案 1 - 只使⽤对称加密(不可靠)⽅案 2 - 只使⽤⾮对称加密(不可靠&#x…

Node编写用户登录接口

目录 前言 服务器 编写登录接口API 使用sql语句查询数据库中是否有该用户 判断密码是否正确 生成JWT的Token字符串 配置解析token的中间件 配置捕获错误中间件 完整的登录接口代码 前言 本文介绍如何使用node编写登录接口以及解密生成token,如何编写注册接…

【Qt】消息机制和事件

文章目录 事件event()事件过滤器案例:检测鼠标事件案例:定时器 事件 事件(event)是由系统或者 Qt 本身在不同的时刻发出的。当用户按下鼠标、敲下键盘,或者是窗口需要重新绘制的时候,都会发出一个相应的事…

Docker Swarm 集群搭建

Docker Swarm Mode Docker Swarm 集群搭建 Docker Swarm 节点维护 Docker Service 创建 1.准备主机 搭建一个 docker swarm 集群,包含 5 个 swarm 节点。这 5 个 swarm 节点的 IP 与暂 时的角色分配如下(注意,搭建完成后会切换角色&#xff…

Linux绝对路径和相对路径

在 Linux 中,简单的理解一个文件的路径,指的就是该文件存放的位置。 只要我们告诉 Linux 系统某个文件存放的准确位置,那么它就可以找到这个文件。指明一个文件存放的位置,有 2 种方法,分别是使用绝对路径和相对路径。…

​​​​​​​Python---练习:打印直角三角形(利用wihle循环嵌套)

案例: 打印直角三角形,特征:一共有5行,第1行,有1列。第2行,有2列,第3,有3列。 思考: pycharm里面,输出三角形,因为本来控制台就是长方形&#…

Python桌面应用之XX学院水卡报表查询系统(Tkinter+cx_Oracle)

一、功能样式 Python桌面应用之XX学院水卡报表查询系统功能: 连接Oracle数据库,查询XX学院水卡操作总明细报表,汇总数据报表,个人明细报表,进行预览并且支持导出报表 1.总明细报表样式 2.汇总明细样式 3.个人明细…

硬件信息查看工具 EtreCheckpro mac中文版功能介绍

etrecheckpro mac中文版是一款专业的硬件信息查看工具,它能够快速的检测Mac电脑的软硬件信息,加强用户对自己计算机的了解,EtreCheckPro for Mac下载首先会对电脑的软硬件信息进行扫描收集,之后才会显示出来。EtreCheck Mac版报告…

Python深度学习进阶与应用丨注意力(Attention)机制、Transformer模型、生成式模型、目标检测算法、图神经网络、强化学习详解等

目录 第一章 注意力(Attention)机制详解 第二章 Transformer模型详解 第三章 生成式模型详解 第四章 目标检测算法详解 第五章 图神经网络详解 第六章 强化学习详解 第七章 深度学习模型可解释性与可视化方法详解 更多应用 近年来,伴…

mac安装+配置python3环境

一、python3下载 官网下载 https://www.python.org/ 二、python3安装 打开下载好的.pkg文件一直继续确认即可。 三、验证是否安装成功 打开终端,输入python3,如果返回python对应的版本信息,则安装成功。 四、python配置 如果需要输入…

`SQL`编写判断是否为工作日函数编写

SQL编写判断是否为工作日函数编写 最近的自己在写一些功能,遇到了对于工作日的判断,我就看了看sql,来吧!~(最近就是好疲惫) 我们一起看看(针对ORACLE) 1.声明: CREATE OR REPLACE PACKAGE GZYW_2109_1214.PKG_FUN_GETDAY_HDAY AS /** * 通过节假日代码获取指定的日期[查找基…

Synchronized同步锁

synchronized 一,介绍 Java中的synchronized关键字用于实现线程同步,可以修饰方法或代码块。 1. 修饰方法:当一个方法被synchronized修饰时,只有获得该方法的锁的线程才能执行该方法。其他线程需要等待锁的释放才能执行该方法。…

Python+requests+pytest+excel+allure 接口自动化测试实战

定义: Unittest是Python标准库中自带的单元测试框架,Unittest有时候也被称为PyUnit,就像JUnit是Java语言的标准单元测试框架一样,Unittest则是Python语言的标准单元测试框架。 Pytest是Python的另一个第三方单元测试库。它的目的…

Linux C语言开发-D2vi编辑器使用

三种模式基础 命令行模式、插入模式和底行模式 :! [命令]:可在命令行模式下执行命令 :w test1.cc可备份当前编辑的文件 :r head.h可为当前文件引入头文件 u:撤销 命令行进入插入模式: i:从当前光标位置之前开始插入 …

Mac 开机提示Google LLC 注册 无法登录进入系统

Google LLC 会在电脑启动时提示如下弹窗,并要求登录谷歌账户进行验证 此时很明显没有用来进行验证的账号,所以需要关掉这个验证程序 从日志里面可以看到LLC启动了一个Tiny.app的程序 只需要想办法把这个程序删掉即可 关机 按住 Command R 开机 进入R…

muduo异步日志库

文章目录 一、日志库模型1.前端 参考 一、日志库模型 组成部分 muduo日志库由前端和后端组成。 muduo日志库是异步高性能日志库,其性能开销大约是前端每写一条日志消息耗时1.0us~1.6us。 采用双缓冲区(double buffering)交互技术。基本思…

C语言文件操作(1)

C语言文件操作(1) 文章目录 C语言文件操作(1)一、理解文件1.概述2.分类①.正常角度②.文本文件和二进制文件 二、文件的打开和关闭1.流和标准流2.文件类型指针3.文件的打开和关闭以及使用类型 三、文件缓冲区 一、理解文件 1.概述…