prototype proto constructor三者的关系

最新推荐文章于 2024-03-10 07:30:00 发布
最新推荐文章于 2024-03-10 07:30:00 发布
阅读量465 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47824664/article/details/110052510
版权
本文探讨JavaScript中的核心概念，包括构造函数的prototype属性、对象的__proto__及constructor属性。prototype是一个对象，它的属性和方法会被构造函数共享；__proto__是对象指向原型对象的非标准属性，提供查找机制；constructor则记录对象引用的构造函数，但在修改原型对象时需谨慎处理。
摘要由CSDN通过智能技术生成

文章目录

前言(图片展示)

在这里插入图片描述

一、构造函数原型对象 prototype

首先我们创建一个构造函数：

在这里插入图片描述

创建的两个Person的实例对象的write并不是同一个write函数

总结：因此构造函数就有了一个prototype属性，该属性是一个对象！因此我们也称为原型对象！

在这里插入图片描述
在javascript中，每一个构造函数都有一个prototype属性，它指向了另一个对象，注意这个prototype就是一个对象，这个对象中的所有属性和方法，都会被构造函数所拥有。

最低0.47元/天 解锁文章
爱编程爱向往
关注
JS中的prototype、__proto__与constructor
weixin_30561177的博客
09-04 496
1.前言 作为一名前端工程师，必须搞懂JS中的prototype、__proto__与constructor属性，相信很多初学者对这些属性存在许多困惑，容易把它们混淆，本文旨在帮助大家理清它们之间的关系并彻底搞懂它们。这里说明一点，__proto__属性的两边是各由两个下划线构成（这里为了方便大家看清，在两下划线之间加入了一个空格：_ _proto_ _），实际上，该属性在ES标准定义...
_ _ proto _ _ 、prototype 、constructor之间的关系
11-15 266
（1）_ _proto_ _和constructor是对象独有的；prototype是函数独有的，因为在js中函数 也是一种对象，所以函数也有_ _proto_ _和constructor这俩属性； （2） _ _proto_ _：是对象所独有的，由一个对象指向另一个对象，指向对象的原型对 ...
prototype、__proto__、constructor的关系
一个小萌新的博客
03-14 768
prototype、__proto__之间的关系是什么？
Prototype __proto__ constructor 三者的关系
defen5088的博客
07-19 216
JavaScript三大毒瘤 ——— this，原型链，作用域 在我等菜鸟一步一步升级中的过程中，这三个概念总是困扰这我们（可能只有我吧，我比较蠢）。这三个东西往往都很绕，今天我就来分享一下我对原型、原型链的理解，希望各路大神看到我有错的能纠正一下，也希望能帮助到不懂的人，能逐渐把这些弄懂。 首先 要弄清楚 原型链 ，首先要知道这三个东西 prototype [[Prototype...
_proto_、constructor、prototype三者的关系
weixin_39090097的博客
03-04 248
function Person(){ this.name = "dog", this.age = "18" }; var obj = new Person(); // 从这里可以看出 obj._proto_ 的值就等于 Person.prototype console.log(obj.__proto__ === Person.prototype); // true 对象a的_...
JS中的原型以及prototype、constructor、__proto__三者之间的关系
01-08
1、任何一个函数内都有prototype属性,这个prototype属性指向另一个对象 ，这个对象就是就是原型对象 ，简称原型。注意这个prototype是函数本身所自带的属性 2、原型的作用就是实现方法共享，将多个对象会调用的相同...
详解帮你彻底搞懂JS中的prototype、__proto__与constructor（图解）
10-16
JavaScript中的`prototype`、`__proto__`和`constructor`是理解JavaScript面向对象编程的关键概念。这篇文章通过图解的方式深入浅出地解析了这三个概念之间的关系。 首先，`__proto__`属性是对象独有的，它指向对象...
帮你彻底搞懂JS中的prototype、__proto__与constructor（图解）
11-30
JavaScript中的`prototype`、`__proto__`和`constructor`是理解JavaScript面向对象编程的关键概念。这篇文章将通过图解的方式帮助读者深入理解这三个属性的关系。 首先，`__proto__`属性，它存在于每个对象中，表示...
爬虫之矛---JavaScript基石篇2＜window对象、Node.js和prototype/constructor的解析(2)＞
最新发布
晦涩难董先生
03-10 1747
原型和构造函数是JavaScript中重要的概念，它们构成了原型系统的基础。原型允许我们共享属性和方法，实现对象的扩展和继承。通过使用prototype和constructor属性，我们可以轻松地创建对象的继承关系，并在原型链上进行属性和方法的查找。深入理解和灵活运用原型和构造函数的概念，将使我们的JavaScript代码更加高效和可维护。在JavaScript开发中，我们经常需要在浏览器环境和Node.js环境中操作对象和实现功能。
prototype,__proto,constructor
08-12
分析javascript中 prototype __proto__ constructor之间的关系
js中的prototype、__proto__与constructor 的关系
qq_38618788的博客
06-29 205
学习连接： 先看：https://www.cnblogs.com/youhong/p/6838611.html 再看：https://blog.csdn.net/cc18868876837/article/details/81211729 function Foo(){}; var Eoo = new Foo(); 1、 __proto__和constructor属性是对象（Eoo是Foo的实例化对象）所独有的，也就是Eoo才有， 2、prototype属性是函数所独有的，因为函数也是一种对象，所以函数也拥
简述prototype, _proto_, constructor三者的关系
weixin_30615767的博客
06-21 162
1.prototype 　　感概：每个函数都有一个prototype这个属性，而这个属性指向一个对象，这个对象称为原型对象 　　作用： 　　　　a.节约内存 　　　　b.扩展属性和方法 　　　　c.实现类与类的之间的继承 2._proto_ 　　1.每个对象都有一个_proto_属性 　　2._proto_指向创建自己构造函数的原型对象 　　3.对象可以直接访问_pr...
Javascript中的__proto__、prototype、constructor
weixin_30613727的博客
04-24 345
今天重温了下Javacript，给大家带来一篇Javascript博文，相信对于Javacript有一定了解的人都听过prototype原型这个概念，今天我们深度的分析下prototype与__proto__。 好了，下面看一个非常简单的例子： var Person = function(name) { this.name = nam...
__proto__,prototype,constructor之间的关系
weixin_40847663的博客
04-20 192
晚上加班突然想到这个问题，然后就整理了一下，如果有什么误人子弟的地方，请友情指出！谨遵教诲！(#.#)接下来直奔主题。 function Foo(){} let f1 = new Foo() 简单说，上面的代码表示创建一个构造函数Foo，然后new一个实例化对象f1。 稍微复杂一点说，就是当函数被调用时，新创建了一个对象，然后将构造函数的作用域赋给了新对象（因此此时函数内部this是指向该新创建的对象）。 虽然是简单的两行代码， 然而他们背后的关系是错综复杂的，我就不找图了。（我不爱看，太繁琐）我就直接用
浅谈prototype与__proto__、constructor三者之间的关系
weixin_30699463的博客
05-16 92
1、关于prototype? 　　a.每个函数中都有一个prototype属性，这个属性叫做原型。 　　b.prototype指向的这个对象就叫原型对象。 　　c.prototype表示了一个类的属性的集合。 2、原型对象中包含有constructor和__proto__。 　　 　　 3、当通过new将该函数实例化后，其内部方法也可用实例对象调用。 　　如：var ABC=new...
理清__proto__、prototype、constructor的关系
qq_42817747的博客
09-17 176
参考文章： 原文链接：https://blog.csdn.net/cc18868876837/article/details/81211729 文章目录 1. 前言 2. _ _ proto _ _ 属性 3. prototype属性 4. constructor属性 5. 总结 1. 前言 作为一名前端工程师，必须搞懂JS中的prototype、__proto__与constructor属性，相...
理解prototype，proto和constructor的关系
weixin_43487782的博客
08-27 221
构造函数Foo()有prototype，里面包括constructor和__proto__两个指针。constructor指回构造函数，__proto__指向Object.prototype（此时Foo.prototype是构造函数Object的实例对象） 实例对象f1上也有prototype，里面包括constructor和__proto__两个指针。实例对象f1本身并没有constructor属性，但它可以继承原型对象Foo.prototype的constructor属性。constructor指回构造
JavaScript原型关系深入解析：prototype、proto与constructor
本文主要探讨了JavaScript中关于原型的prototype、proto和constructor的三角关系，通过图解和概念解析来帮助理解这三个概念。 在JavaScript中，`构造函数`是用来初始化新创建的对象的特殊函数，例如`function Foo()...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值