js-7:javascript原型、原型链及其特点

1、原型
JavaScript常被描述为一种基于原型的语言-每个对象拥有一个原型对象。
当试图访问一个对象的属性时,它不仅仅在该对象上搜寻,还会搜寻该对象的原型,以及该对象的原型的原型,依次层层向上搜索,直到找到一个名字匹配的属性或到达原型链的末尾。
准确的说,这些属性和方法定义在Object的构造器函数(constructor functions)之上的prototype属性上,而非实例对象本身。
举例:
函数可以有属性,每个函数都有一个特殊的属性叫做原型prototype。
在这里插入图片描述
控制台输出:

在这里插入图片描述
上面这个对象,就是原型对象,可以看到,原型对象有一个自有属性,这个属性指向该函数,如下图关系展示:
在这里插入图片描述
2、原型链
原型对象也可能拥有原型,并且从中继承方法和属性,一层一层,以此类推。这种关系通常被称为原型链(prototype chain),它解释了为何一个对象会拥有定义在其他对象种的属性和方法。
在对象实例和它的构造器之间建立一个链接(它是_proto_属性,是从构造函数的prototype属性派生的),之后通过上溯原型链,在构造器中找到这些属性和方法。
举例:
在这里插入图片描述
根据上述代码,可以得到下图:

在这里插入图片描述
分析:
构造函数Preson存在原型对象Preson.prototype
构造函数生成实例对象person,person的_proto_指向构造函数Person原型对象
Preson.prototype._proto_指向内置对象,因为Person.prototype是个对象,默认是由Object函数作为类创建的,而Object.prototype为内置对象
Preson._proto_指向内置匿名函数anonumous,因为Person是个函数对象,默认由Function作为类创建
Function.prototype和Function._proto_同时指向内置匿名函数anonumous,这样原型链的终点就是null

3、总结
首先看几个概念:
_proto_作为不同对象之间的桥梁,用来指向创建它的 构造函数的原型对象的。
在这里插入图片描述
每个对象的_proto_都是指向它的构造函数的原型对象prototype的
在这里插入图片描述
构造函数是一个函数对象,是通过Function构造器产生。
在这里插入图片描述
原型对象本身是一个普通对象,而普通对象的构造函数都是Object
在这里插入图片描述
上面已经说过,所有构造器都是函数对象,函数对象是Function构造产生的。
在这里插入图片描述
Object的原型对象也有_proto_属性指向null,null是原型链的顶端。
在这里插入图片描述
总结:
一切对象都继承自Object对象,Object对象直接继承根源对象null
一切函数对象(包括Object对象),都是继承自Function对象
Object对象直接继承自Function对象
Function对象的_proto_会指向自己的原型对象,最终还是会继承自Object对象

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

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

相关文章

基于边缘无线协同感知的低功耗物联网LPIOT技术:赋能智慧园区方案以及数字工厂领域

回到2000年左右,物联网的底层技术支撑还是“ZigBee”,虽然当时ZigBee的终端功耗指标其实也并不庞大,但是,“拓扑复杂导致工程实施难度大”、“网络规模小导致的整体效率低下”都成为限制其发展的主要因素。 LPWAN,新一…

TP4056锂电池充电模块 1A线性锂离子电池充电器

概述 TP4056是一款性能优异的单节锂离子电池恒流/恒压线性充电器。TP4056采用ESOP8封装配合较少的外围原件使其非 常适用于便携式产品,并且适合给USB电源以及适配器电源供电。 基于特殊的内部MOSFET架构以及防倒充电路,TP4056不需要外接检测电阻和隔离二…

GIS在地质灾害危险性评估与灾后重建中的应用教程

详情点击链接:GIS在地质灾害危险性评估与灾后重建中的实践技术应用 前言 地质灾害是指全球地壳自然地质演化过程中,由于地球内动力、外动力或者人为地质动力作用下导致的自然地质和人类的自然灾害突发事件。由于降水、地震等自然作用下,地质…

HIVE学习

1.什么是HIVE 1.HIVE是什么? Hive是由Facebook开源,基于Hadoop的一个数据仓库工具,可以将结构化的数据文件映射为一张表,并提供类SQL查询功能。 大白话: HIVE就是一个类似于Navicat的可视化客户端, 2.HIVE本质 Hive是一个Hadoop客户端&a…

《面试1v1》ElasticSearch基础

🍅 作者简介:王哥,CSDN2022博客总榜Top100🏆、博客专家💪 🍅 技术交流:定期更新Java硬核干货,不定期送书活动 🍅 王哥多年工作总结:Java学习路线总结&#xf…

Django使用uwsgi+nginx部署,admin没有样式解决办法

Django使用uwsginginx部署,admin没有样式解决办法 如果使用了虚拟环境则修改nginx.conf文件中的/static/路径为你虚拟环境的路径,没有使用虚拟环境则改为你python安装路径下的static server {listen 8008;server_name location; #改为自己的域名,没域名…

点击编辑变完成

<template><div><button click"dialogshowtrue">添加部门</button><div>部门列表</div><el-table ref"multipleTable" :data"form" tooltip-effect"dark" style"width: 100%">&l…

解决https页面加载http资源报错

为什么会报错&#xff1f; HTTPS页面加载HTTP资源会报错的原因是出于安全性考虑。 HTTPS&#xff08;HyperText Transfer Protocol Secure&#xff09;是一种通过使用SSL/TLS加密通信来保护数据传输的协议&#xff0c;它确保了客户端和服务器之间的安全连接。 当HTTPS页面尝试加…

钉钉群消息推送

1. 添加钉钉群机器人 PC端登录&#xff08;当前版本手机端无法进行推送关键词设置&#xff09;&#xff0c;群设置--> 机器人 --> webhook进行安全设置复制webhook对应的url 2. 群消息推送 钉钉群消息支持纯文本和markdown类型 2.1 调用示例源码 import com.alibaba.…

Python小白学习:超级详细的字典介绍(字典的定义、存储、修改、遍历元素和嵌套)

目录 一、字典简介1.1 创建字典1.2 访问字典中的值1.3 添加键值对1.4 修改字典中的值实例 1.5 删除键值对1.6 由多个类似对象组成的字典1.7 使用get()访问值1.8 练习题 二、遍历字典2.1 遍历所有键值对实例 2.2 遍历字典中的所有键2.3 按照特定顺序遍历字典中的所有键2.4 遍历字…

简要记录下long long 乘 size_t类型是ull

以后注意用到 .size() 都给强制类型转换&#xff0c;力扣上 size_t 是unsigned long&#xff0c;跟longlong 想乘会变成 unsigned long long

Portraiture 4.0.3 for windows/Mac简体中文版(ps人像磨皮滤镜插件)

Imagenomic Portraiture系列插件作为PS磨皮美白必备插件&#xff0c;可以说是最强&#xff0c;今天它更新到了4.0.3版本。但是全网都没有汉化包&#xff0c;经过几个日夜汉化&#xff0c;终于汉化完成可能是全网首个Portraiture 4的汉化包&#xff0c;请大家体验&#xff0c;有…