js原型链

news/2024/10/23 9:33:12/

什么叫原型链 

        原型链是js中的核心,原型链将各个属性链接起来,在原型链上面定义,原型链上的其他属性能够使用,原型链就是保证继承

原型链区分

        原型链分为显式原型和隐式原型

        显式原型:只有函数和构建函数才有显式原型,通过构建函数构建出来的对象的隐式原型执行构建函数的显式原型

        隐式原型:每个对象都有隐式原型,js自动生成,通过隐式原型来执行显式原型,一级一级执行,直到成功匹配。保证继承

 根据上方的图 ,我么一级一级来了解原型链

原型链最顶级是null,至于为什么是null,我也不懂,可能是当初创造js这个语言时留下的烂摊子,我们从第一级将起

1,原型链的第一级是object,也就是对象,所以在js中就有一切皆对象的说法,我们通过代码来演示,

        我们首先打印object.prototype

我们可以很明确的看到他的隐式原型指向的是null

        然后我们给Object.prototype定义一个方法,由于他是最高一级,我们给最高一级定义的方法,就代表着他下级都能使用这个方法,我们来尝试下

        

等于就是说object.prototype相当于是爷爷辈,爷爷辈的东西,儿子和孙子都能用

2,然后我们在来看第二级,也就是构造函数

        我们要先明白,什么是构建,通过new实例化出对象的函数叫构建函数,任何函数函都可以作为构建函数来使用,构建函数在原型链中以大写的F来区分,也就是会所Function.prototype来代表构建函数,

我们首先来创建一个构建函数

        function Stu(name,age){  //创建了一个对象模板,只接受2个参数this.name = name  //这里注意,没用this关键字的函数不是构造函数this.age = age}    

  通过这个构建函数,我们能够实例化出一个对象

通过构建函数,我们实例化出来了一个对象,我们实例化出来的这个对象,相当于是孙子级别,孙子级别可以用父级(构造函数)和爷级(object.prototype)所定义的方法,逐层上找,爷--儿--孙,逐层继承,构建了原型链

所以说,我们在构架函数上添加的方法,实例化出的对象也能使用

function Stu(name,age){  //创建了一个对象模板,只接受2个参数this.name = name  //这里注意,没用this关键字的函数不是构造函数this.age = age}    const stus = new Stu("张三",16)console.log(stus)Stu.prototype.obj=function(data){  //给构建函数上定义一个方法console.log("我是构建函数上的方法被"+data+"调用")}stus.obj("儿子") //实例化出的对象(儿子)调用,并打印  我是构建函数上的方法被儿子调用

原型链的核心就在这里了,我这里只讲了一部分,在结合那个图的话,后续的应该也好理解了,简单来说就是继承,爷爷传递给父亲,父亲在传递给儿子,儿子找父亲,父亲没有在找爷爷。哈哈。很好理解。但是注意咯,他是逐层上找不是往下找,就是父亲不能用儿子的方法。拜拜


http://www.ppmy.cn/news/1204093.html

相关文章

Java系列之:GroupId和ArtifactId的作用

文章底部有个人公众号:热爱技术的小郑。主要分享开发知识、学习资料、毕业设计指导等。有兴趣的可以关注一下。为何分享? 踩过的坑没必要让别人在再踩,自己复盘也能加深记忆。利己利人、所谓双赢。 文章目录 前言解释 前言 创建Maven项目的时…

网络安全深入学习第八课——反向代理(工具:frp)

文章目录 一、实验环境二、实验要求三、开始模拟1、攻击机配置frp文件2、攻击拿下跳板机,并且上传frpc.ini、frpc.exe、frpc_full.ini文件3、把frps.ini、、frps.exe、frps_full.ini文件放到VPS主机上4、VPS机开启frp5、跳板机开启frp6、验证 一、实验环境 攻击机&…

eNsp下如何使用wireshark抓包

文章目录 拓扑图抓包操作 拓扑图 抓包操作 可以通过下图上的指示 来设置 Time列的显示样式。 这里有个缺点就是就是抓取ensp上的虚拟设备上的数据包时的,年月日时间显示的不对。暂时无解决办法。 一般选择 日期和时间(日期和时间与当前标准时间对应上时…

如何将多模态数据融入到BERT架构中-多模态BERT的两类预训练任务

大家好,我是DASOU; 回到2018年BERT刚刚横空出世,如果想快速搞一篇BERT的多模态预训练论文,应该从哪些方面去考虑呢? 本文讲两个问题,把多模态BERT知识点串起来【绝对原创,至少我还没看到这么讲…

nanodet训练自己的数据集、NCNN部署到Android

nanodet训练自己的数据集、NCNN部署到Android 一、介绍二、训练自己的数据集1. 运行环境2. 数据集3. 配置文件4. 训练5. 训练可视化6. 测试 三、部署到android1. 使用官方权重文件部署1.1 下载权重文件1.2 使用Android Studio部署apk 2. 部署自己的模型【暂时存在问题】2.1 生成…

【机器学习】梯度下降预测波士顿房价

文章目录 前言一、数据集介绍二、预测房价代码1.引入库2.数据3.梯度下降 总结 前言 梯度下降算法学习。 一、数据集介绍 波士顿房价数据集:波士顿房价数据集,用于线性回归预测 二、预测房价代码 1.引入库 from sklearn.linear_model import Linear…

Spring Cloud - 手写 Gateway 源码,实现自定义局部 FilterFactory

目录 一、FilterFactory 分析 1.1、前置知识 1.2、分析源码 1.2.1、整体分析 1.2.2、源码分析 1.3、手写源码 1.3.1、基础框架 1.3.2、实现自定义局部过滤器 1.3.3、加参数的自定义局部过滤器器 一、FilterFactory 分析 1.1、前置知识 前面的学习我们知道&#xff0c…

两数之和(哈希解法)

题目描述 给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那 两个 整数,并返回它们的数组下标。 你可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。 你可以按任…