教你看懂原型关系

最新推荐文章于 2024-08-17 12:54:01 发布
最新推荐文章于 2024-08-17 12:54:01 发布
阅读量61 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46030141/article/details/129736922
版权
文章详细阐述了JavaScript中自定义构造函数与其原型的关系，Object作为内置构造函数的角色，以及实例对象如何通过__proto__属性与构造函数和原型关联。重点强调了实例对象可以访问构造函数及原型上的特征，并指出所有原型都是由Object构造函数创建的，而所有构造函数本质上都是Function的实例。
摘要由CSDN通过智能技术生成

一张图看懂原型的关系

在这里插入图片描述

1、自定义构造函数和原型的关系

在这里插入图片描述

2、Object构造函数和对应原型的关系

其中，Object构造函数是js自带（内置构造函数）
在这里插入图片描述

3、实例对象和他们的关系

在这里插入图片描述

(1). 实例对象拥有(能看到)构造函数中的一切特征
实例对象共享(看不到，但可操作)构造函数原型上的特征
(2). 对象的__proto__永远指向它的缔造者的原型
(3). 任何原型对象 都有由Object构造函数构造出来的
(4). 任何构造函数都是由 Function构造出来的

努力写代码的小凌
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
构造函数、实例、原型、原型链之间的关系
yin_991的博客
07-08 7953
1、构造函数是什么 所谓的构造函数其实就是一个普通的函数前面加了new运算符，其实质也是一个函数，所以构造函数都有函数的prototype属性。2、实例是什么 实例就是通过构造函数创建出来的对象。                    var M = function () { this.name = 'Jane'                     }                ...
一文教你看懂原型！！！
01-08
在JavaScript中，原型是实现继承和共享属性的关键机制。本文将深入探讨两个核心概念：`__proto__`和`prototype`...理解这两者之间的关系以及它们如何影响实例和原型链，对于深入学习JavaScript的面向对象编程至关重要。
原型关系图
weixin_38550182的博客
11-04 168
自己绘制 网上
对象与原型之间的关系
weixin_50450419的博客
01-31 234
对象与原型之间的关系 每一个基本的对象都会有自己的一个原型，当在使用每一个实例对象的时候，你所用到的属性或者方法，他都会现在自己的个体中寻找，如果找不到，则会去寻找他所对应得原型对象中所对应的属性或者方法，如果还找不到，会在向上查询一个环节，直至到object为空（null），如下图 作为对象个体的mc来说，在使用hasOwnproperty()的方法时，我们并没有给mc对象这个方法，我们可以对mc所处的对象原型的对象进行查找，发现依然没有，再次向上寻找，才发现次方法。 这里也说明了，所有自定义对象的对
确定实例与原型之间的关系
csdn_zsdf的博客
04-12 1453
可以使用两种方式确定实例与原型之间的关系： 1. instanceof操作符 2. isPrototypeOf()方法先来一段代码：function SuperType(){ this.property = true; }//在SuperType函数的原型链上创建实例共享方法 SuperType.prototype.getSuperValue = function(){ return
原型和原型链的关系，以及什么是原型和原型链
雷佳佳的博客
05-28 7365
一、原型 ①所有引用类型都有一个__proto__(隐式原型)属性，属性值是一个普通的对象 ②所有函数都有一个prototype(原型)属性，属性值是一个普通的对象 ③所有引用类型的__proto__属性指向它构造函数的prototype 二、原型链 当访问一个对象的某个属性时，会先在这个对象本身属性上查找，如果没有找到，则会去它的__proto__隐式原型上查找，即它的构造函数的proto...
手把手教你学会js的原型与原型链，猴子都能看懂的教程
web全栈开发的博客
07-06 259
今天给大家分享一篇关于在 JS 中非常不好懂理解，而且面试时候还经常问到的关于原型和原型链的知识。 上面这个张图各位看官是不是觉得很眼熟？可能第一次看到时候会觉得很懵逼，心想这是什么玩意呀？这么多线该怎么看呀？其实我第一次看到时候也很懵逼的，百思不得其解，当后面慢慢理解了一些简单原理后，在回头来看，其实也没有那么 难。那现各位观众姥爷们就跟着我这只菜鸟一起用最简单，朴素的语言，慢慢去分析，慢慢去理解吧，相信自己也是可以学会的！ 当我们使用关键字来创建一个函数的时候,其实内存中自动创建一个包含属性的对象，
JavaScript 进阶教程(3)---让你彻底搞懂原型链和继承
热门推荐
AlbertYang的博客
09-01 2万+
1 原型链 1.1 原型 关于原型在JS面向对象编程这篇文章已经讲过了，今天简单来复习一下。 1.1.1 什么是原型? 在JS构造函数中有一个属性prototype,叫做原型,这是给程序员使用的。在JS实例对象中有一个属性__proto__,它也是原型,这是供浏览器使用的,它不是标准的属性。 实例对象中的__proto__指向的是该实例对象中的构造函数中的prototype，构造函数中的prototype里面的属性或者方法,可以直接通过实例对象调用。 一般情况下，实例对象.__proto__才
JavaScript你一定要搞懂的原型链
09-23
原型链图是用于表示 JavaScript 中对象之间原型关系的图形化表达方式。在 JavaScript 中，每个对象都有一个原型 (prototype)，它定义了对象的属性和方法。对象可以通过原型链访问到其原型的属性和方法。 原型链图将...
一篇文章让你搞懂JavaScript 原型和原型链
01-22
原型和原型链作为深入学习JavaScript最重要的概念之一，如果掌握它了后，弄清楚例如：JavaScript的继承，new关键字的原来、封装及优化等概念将变得不在话下，那么下面我们开始关于原型和原型链的介绍。 什么是原型？...
AxureUX客户关系管理系统中台原型模板
06-25
最新版ux客户关系管理系统，包含销售过程、合同管理。团队协作、审批管理、商机管理，统计报表，工单管理，适合人群：互联网产品经理、学习使用axure 最新版ux客户关系管理系统，包含销售过程、合同管理。团队协作...
产品必看：如何缩短你的原型设计时间？
03-04
作为一个交互设计师，选用什么工具来完成快速原型绘制是一个争论不断的话题，从早些年“唯一”的选择visio到如今Axure/Omnigraffle/AdobeCreativeSuite遍地开花，再加上在线工具balsamiq,Lucidchart或GoogleDrive，...
vue2前端阿里云oss服务端签名直传
weixin_74285634的博客
08-13 292
generatePresignedUrlApi是由后端提供的接口 来获取密钥。
【vue教程】五. Vue 的路由管理
前端探索者
08-13 1121
Vue Router 是 Vue 官方的路由管理器，用于构建单页面应用。它允许你通过 URL 来映射不同的组件，实现页面的动态加载和导航。路由守卫用于在路由跳转前后执行代码，可以用来检查用户认证状态、获取数据等。通过本篇文章，我们学习了 Vue Router 的基本概念、配置和使用，以及如何实现动态路由和嵌套路由。我们还探讨了路由守卫的概念，并提供了如何在 Vue 组件中使用它们的示例。这些知识点将帮助你构建一个功能完备的单页面应用。
CSS的:defined伪类：选择已定义元素的新选择器
最新发布
2401_85743969的博客
08-17 462
在CSS中，伪类用于选择元素的不同状态或行为。:defined伪类是CSS4的一个特性，用于选择已经在文档中定义的元素。
【无标题】
weixin_42348009的博客
08-14 173
静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。
基于vue框架的爱看电影网站v4o92（程序+源码+数据库+调试部署+开发环境）系统界面在最后面。
h2345678的博客
08-15 967
项目功能：用户,电影分类,电影信息,电影评分基于Vue框架的爱看电影网站项目功能丰富多样，旨在为用户提供一个集电影浏览、信息查询、观影体验、互动交流于一体的综合性平台。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值