理解prototype，proto和constructor的关系

最新推荐文章于 2022-04-30 16:49:41 发布
最新推荐文章于 2022-04-30 16:49:41 发布
阅读量222 收藏
点赞数
分类专栏： Javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43487782/article/details/108265668
版权

构造函数Foo()有prototype，里面包括constructor和__proto__两个指针。constructor指回构造函数，__proto__指向Object.prototype（此时Foo.prototype是构造函数Object的实例对象）

实例对象f1上也有prototype，里面包括constructor和__proto__两个指针。实例对象f1本身并没有constructor属性，但它可以继承原型对象Foo.prototype的constructor属性。constructor指回构造函数，__proto__指向Foo.prototype（也就是实例对象继承了构造函数原型上的属性和方法）

JS 一张图理解prototype、proto和constructor的关系

天猫精灵998
关注
专栏目录
JS中的prototype、__proto__与constructor
weixin_30561177的博客
09-04 498
1.前言 作为一名前端工程师，必须搞懂JS中的prototype、__proto__与constructor属性，相信很多初学者对这些属性存在许多困惑，容易把它们混淆，本文旨在帮助大家理清它们之间的关系并彻底搞懂它们。这里说明一点，__proto__属性的两边是各由两个下划线构成（这里为了方便大家看清，在两下划线之间加入了一个空格：_ _proto_ _），实际上，该属性在ES标准定义...
prototype proto constructor三者的关系
weixin_47824664的博客
11-24 469
文章目录前言(图片展示)一、构造函数原型对象 prototype二、对象原型__proto__``总结：``三、constructor 构造函数``控制台打印：````目的：`` 前言(图片展示) 一、构造函数原型对象 prototype 首先我们创建一个构造函数： 创建的两个Person的实例对象的write并不是同一个write函数 总结：因此构造函数就有了一个prototype属性，该属性是一个对象！因此我们也称为原型对象！ 在javascript中，每一个构造函数都有一个prototype
prototype,__proto,constructor
08-12
分析javascript中 prototype __proto__ constructor之间的关系
Prototype __proto__ constructor 三者的关系
defen5088的博客
07-19 219
JavaScript三大毒瘤 ——— this，原型链，作用域 在我等菜鸟一步一步升级中的过程中，这三个概念总是困扰这我们（可能只有我吧，我比较蠢）。这三个东西往往都很绕，今天我就来分享一下我对原型、原型链的理解，希望各路大神看到我有错的能纠正一下，也希望能帮助到不懂的人，能逐渐把这些弄懂。 首先 要弄清楚 原型链 ，首先要知道这三个东西 prototype [[Prototype...
浅谈prototype与__proto__、constructor三者之间的关系
weixin_30699463的博客
05-16 94
1、关于prototype? 　　a.每个函数中都有一个prototype属性，这个属性叫做原型。 　　b.prototype指向的这个对象就叫原型对象。 　　c.prototype表示了一个类的属性的集合。 2、原型对象中包含有constructor和__proto__。 　　 　　 3、当通过new将该函数实例化后，其内部方法也可用实例对象调用。 　　如：var ABC=new...
__proto__,prototype,constructor之间的关系
weixin_40847663的博客
04-20 196
晚上加班突然想到这个问题，然后就整理了一下，如果有什么误人子弟的地方，请友情指出！谨遵教诲！(#.#)接下来直奔主题。 function Foo(){} let f1 = new Foo() 简单说，上面的代码表示创建一个构造函数Foo，然后new一个实例化对象f1。 稍微复杂一点说，就是当函数被调用时，新创建了一个对象，然后将构造函数的作用域赋给了新对象（因此此时函数内部this是指向该新创建的对象）。 虽然是简单的两行代码， 然而他们背后的关系是错综复杂的，我就不找图了。（我不爱看，太繁琐）我就直接用
图解prototype、proto和constructor的三角关系
10-21
在javascript中，prototype、constructor以及__proto__之间有着“著名”的剪不断理还乱的三角关系，楼主就着自己对它们的浅显认识，来粗略地理理以备忘，有不对之处还望斧正。
JS中的原型以及prototype、constructor、__proto__三者之间的关系
01-08
1、任何一个函数内都有prototype属性,这个prototype属性指向另一个对象 ，这个对象就是就是原型对象 ，简称原型。注意这个prototype是函数本身所自带的属性 2、原型的作用就是实现方法共享，将多个对象会调用的相同...
prototype、__proto__、constructor的关系
一个小萌新的博客
03-14 770
prototype、__proto__之间的关系是什么？
js之prototype、__proto__、constructor之间的关系
weilongjj的博客
02-29 203
想知道三者之间的关系，我们就要了解每一个作用 一：构造函数原型对象 prototype 问：为何要有prototype这个对象呢？ 首先我们创建一个构造函数： function Person(name, age) { this.name = name this.age this.write = function() { console.log('...
JS 中 prototype constructor __proto__之间的关系
weixin_30467087的博客
07-29 110
在JavaScript 中，prototype constructor __proto__三者之间的关系困扰了很多人， 接下来就理理他们之间剪不断理还乱的关系 简单理解，某个对象的constructor属性返回该对象构造函数，其__proto__属性是个对象，值和其构造函数的prototype属性值一致， prototype理解是原型 prototype是“原型”，js的所...
原型链中的prototype、__proto__和constructor的关系
weixin_30815427的博客
05-10 78
先来看一张图，这张图可以说是围绕以下代码完整的描述了各对象之间的关系。接下来我们来看看如何一步步画出这张图。 function Foo(){}; var foo = new Foo(); 首先，明确几点概念（现在不懂没关系），后面会不断提到： 过程1：只要创建一个函数Foo，就会为该函数创建一个prototype属性，这个属性指向函数的原型对象； 过程2：原型对象会...
js中的prototype、__proto__与constructor 的关系
qq_38618788的博客
06-29 206
学习连接： 先看：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_47227886的博客
04-13 1024
1. 构造函数原型对象 prototype 构造函数通过原型分配的函数是所有对象所共享的 JavaScript规定，每一个构造函数都有 一个prototype属性，指向一个对象。 这个prototype就是一个对象，这个对象的所有属性和方法，都会被构造函数所拥有。 我们可以把那些不变的方法，直接定义在prototype对象是哪个，这样所有对象的实例就可以共享这些方法。 原型是什么？ 一个对象，我们也称为prototype为原型对象。（用来存放不变的方法） 原型的作用
理清__proto__、prototype、constructor的关系
qq_42817747的博客
09-17 181
参考文章： 原文链接：https://blog.csdn.net/cc18868876837/article/details/81211729 文章目录 1. 前言 2. _ _ proto _ _ 属性 3. prototype属性 4. constructor属性 5. 总结 1. 前言 作为一名前端工程师，必须搞懂JS中的prototype、__proto__与constructor属性，相...
js __proto__、prototype、constructor的关系
qq_42744920的博客
04-30 407
一、 前言 这篇文章涉及到js的原型和原型链，对这块内容不熟悉的同学，可以移步：js 的原型和原型链 这篇文章先了解一下。 二、什么是constructor? constructor 是每个引用类型（数组，对象，函数）都会拥有的一个属性，而且这个属性指向了创建当前这个实例对象的构造函数（类）。 class Foo{}; let f1 = new Foo(); console.log(f1); // {} 是一个空对象 console.log(f1.__proto__); // {constructo
【prototype、__proto__与constructor详解】
qq_61516787的博客
03-08 596
了解prototype、__proto__与constructor之前首先要了解什么是面向对象及类。 =========================================== 面向对象一、面型对象编程介绍二、ES6中的类和对象三、类的继承四、构造函数和原型4.1静态成员和实例成员4.2prototype4.3__proto__4.4constructor 一、面型对象编程介绍 什么是面向过程呢？ 面向过程POP是针对解决问题的步骤，然后用函数一步步实现。 什么是面向对象呢？OOP 面向对象是把
简述prototype, _proto_, constructor三者的关系
weixin_30615767的博客
06-21 163
1.prototype 　　感概：每个函数都有一个prototype这个属性，而这个属性指向一个对象，这个对象称为原型对象 　　作用： 　　　　a.节约内存 　　　　b.扩展属性和方法 　　　　c.实现类与类的之间的继承 2._proto_ 　　1.每个对象都有一个_proto_属性 　　2._proto_指向创建自己构造函数的原型对象 　　3.对象可以直接访问_pr...
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、付费专栏及课程。

余额充值