一张图理解javascript中构造函数、原型对象和对象实例之间的关系

最新推荐文章于 2024-11-14 10:56:19 发布
最新推荐文章于 2024-11-14 10:56:19 发布
阅读量389 收藏
点赞数
分类专栏： 前端 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30040899/article/details/121117416
版权

构造函数、原型对象和对象实例之间的关系最有趣的一个方面就是对象实例和构造函数之间没有直接联系。对象实例与构造函数的联系是通过原型对象上的constructor属性来关联。这种关联意味着如果打断对象实例和原型对象之间的联系，那么也将打断对象实例和其构造函数的联系！

在这里插入图片描述

javascript理解原型对象、构造函数、实例之间的关系（图解）
LLL3189860667的博客
08-24 352
其实其中想告诉我们的就是，每一个构造函数中都有一个指针（prototype）指向它的原型对象，每一个原型对象中都有一个指针（constructor）指向它的构造函数，每一个实例对象中都有一个指针（__protot__）指向它的原型对象。2.在原型对象Object.prototype中，有一个指针constructor指向它的构造函数Object，写在原型对象中的是实例属性和实例方法，它可以通过原型对象本身调用或者通过实例对象调用。----《JavaScript高级程序设计》那么，这么理解这句话呢？
函数原型实例关系图
weixin_50736511的博客
11-16 460
总的来说就是这样 关于Function 1.所有的函数都是Function的实例对象 也就是说所有的 函数.proto===Function.prototype 关于object 1.所有的函数的原型对象都是object实例对象 （但Object不满足） 也就是说 函数.prototype.proto===object.prototype（原型链尽头） 2.object的实例对象（Objiect.prototype）是原型链的尽头 关于Function和Object 1.Object本...
JS的对象，函数的内存图
weixin_53758026的博客
08-28 489
例子： //构造函数Cat function Cat(name) { this.name = name; } var c1 = new Cat('小花');//构造函数同时取名字 var c2 = new Cat('小白');//构造函数同时取名字 console.log(c1, c2);//Cat { name: '小花' } Cat { name: '小白' } Object属性及方法 Object 类型所具有的任何属性和方法也同样存在于其他对象中，任何对象继承于Object对象。Ob
图解构造函数-实例-原型对象三者之间的关系
Joy_qxz的博客
06-30 840
1.实例是通过new构造函数创建的；2.当你通过实例对象访问某个属性的时候，他会先在当前实例上查找，如果找到则直接返回。3.如果找不到则会通过实例的__proto__属性连接到原型对象prototype上查找，如果有则直接返回。4.如果没有会继续通过原型的__proto__向上查找，一直找到Object的原型上，如果还是没有返回null。...
理解 JavaScript 中构造函数、原型、实例、原型链之间的关系
The world has changed because of technology!
01-17 1088
我认为，构造函数、原型、实例、原型链之间的关系贯穿了整个开发流程。无论是公司大型项目，还是个人项目，都一直在使用它们之间的特性。单独把每个点拎出来讲没有太大意义，把它们之间的关系联系起来，那才是核心。
通俗讲解javascript的实例对象、原型对象和构造函数以及它们之间的关系
kxltsuperr的专栏
09-24 556
若没有，通过 __proto__找到上一级类看是否有方法，如果还没有，继续往上找，直至类成为null。刚才的测试我们已经可以确认，如果在类中添加了新的方法，对应的实例对象中，也可以使用这个方法，那么实例对象和原型对象（类）之间怎么建立的这种联系呢？下面有来了新的问题，实例对象p1中，并没有eat的方法【eat方法是原型对象（类）中的方法】，如下图。来了，在构造函数Person有一个prototype的属性，它就指向原型对象（类）。好，既然有了原型对象（类），那么，我就可以在类中添加方法了。
javascript原型对象、构造函数和实例对象
山鬼谣弋痕夕的博客
08-06 662
一、首先说一下什么是构造函数： 构造函数：用来在创建对象时初始化对象。特点：构造函数名一般为大写字母开头；与new运算符一起使用来实例化对象。 举例： function Person(){} //Person构造函数 var p=new Person(); //Person构造函数创建对象,也可叫做实例化 二、什么是原型？ 原型：构造函数在创建的过程中，系统自动创建出来与构造函数...
【JavaScript高级2】构造函数实例对象和原型对象的三角关系
2401_84140628的博客
04-11 970
构造函数通过原型分配的函数是所有对象所共享的。JavaScript 规定，每一个构造函数都有一个prototype 属性，指向另一个对象。注意这个prototype就是一个对象，这个对象的所有属性和方法，都会被构造函数所拥有。我们可以把那些不变的方法，直接定义在 prototype 对象上，这样所有对象的实例就可以共享这些方法。代码示例：console.log(‘我会唱歌’);var ldh = new Star(‘刘德华’, 18);var zxy = new Star(‘张学友’, 19)
深入理解javascript构造函数和原型对象
10-25
在深入理解JavaScript的过程中，构造函数和原型对象是两个核心概念。JavaScript是一种基于对象（Object-based）和原型（Prototype-based）的语言，其对象模型与传统的基于类（Class-based）语言有所不同。理解构造...
javascript构造函数以及原型对象的理解
01-21
以下是一个构造函数的例子 如果是实例方法，不同的实例化，它们引用的地址是不一样的，是唯一的。 //定义一个构造函数 function People(name,age){ this.name=name; this.age=age; this.dothings=function(){ ...
JavaScript原型对象、构造函数和实例对象功能与用法详解
12-11
本文实例讲述了JavaScript原型对象、构造函数和实例对象功能与用法。分享给大家供大家参考，具体如下： 大家都知道，javascript中其实并没有类的概念。但是，用构造函数跟原型对象却可以模拟类的实现。在这里，就先...
跟着尚硅谷学vue2—进阶版2.0—使用 Vue 脚手架1.0
zhzijun的博客
11-13 425
分析脚手架 、ref和props、mixin混入、插件、scoped样式、总结TodoList案例、浏览器本地存储-webStorage、TodoList_本地存储
Vue中的常用指令
m0_62388400的博客
11-12 1183
指令（Directives）是 Vue 提供的带有的 特殊 标签。为啥要学：提高程序员操作 DOM 的效率。vue 中的指令按照不同的用途可以分为如下 6 大类：内容渲染指令（v-html、v-text）条件渲染指令（v-show、v-if、v-else、v-else-if）事件绑定指令（v-on）属性绑定指令 （v-bind）双向绑定指令（v-model）列表渲染指令（v-for）指令是 vue 开发中最基础、最常用、最简单的知识点。
解决@ant-design-vue/nuxt模块加载到许多没用到的组件，影响开发下加载速度的问题
清晰编程
11-12 164
升级命令：npm up @ant-design-vue/nuxt。解决方法：将该模块版本升级到1.4.6。
Javascript中Map与Set以及其常见遍历方式
警警的博客
11-12 762
在JavaScript中，Map和Set是两种非常重要的集合类型，它们提供了比传统对象（Object）和数组（Array）更强大和灵活的数据存储和操作方法。下面是对Map和Set的详细解释。
从零开始快速构建Vue3项目
欧唯薇
11-13 870
是目前最推荐的方式来创建 Vue 3 项目，因为它速度快，配置简洁，并且是 Vue 3 的官方推荐工具。打开浏览器并访问 `http://localhost:5173`，你将看到一个基本的 Vue 3 应用程序运行。1、若需要使用不同版本node（兼容新旧项目环境），则需要使用nvm来进行node多版本管理，下载并安装。2、若出现某个依赖安装报错，可以npm install --ignore-scripts，最后再来单独安装报错的依赖。
Vue常用加密方式
m0_51431448的博客
11-13 135
消息摘要是从原始数据中通过特定算法计算出的一个固定长度的字符串，这个过程通常被称为哈希函数或散列函数。固定长度：无论输入的数据有多大，输出的消息摘要都有固定的长度。唯一性：理想情况下，不同的输入应该产生不同的消息摘要，虽然在现实中由于哈希碰撞的存在，这并不总是可能的。不可逆性：从消息摘要不能反推出原始数据。高效性：计算消息摘要的过程应该是快速且高效的。
Nuxt2和Nuxt3 对于SEO优化的区别
最新发布
书山有路_邓
11-14 447
nuxt
JavaScript：构造函数、原型对象与实例详解
总结来说，JavaScript中，构造函数负责创建对象，原型对象提供共享属性和方法，实例对象则是这些属性和方法的载体，它们之间形成了密切的关系，共同构建了JavaScript面向对象编程的基础框架。理解并熟练运用这些概念...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值