对象与原型之间的关系

最新推荐文章于 2023-03-23 19:25:05 发布
最新推荐文章于 2023-03-23 19:25:05 发布
阅读量261 收藏
点赞数 1
分类专栏： JavaScript学习 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50450419/article/details/113473638
版权
本文探讨了对象与原型的关系，揭示了实例在查找属性和方法时的原型链机制，重点在于自定义对象如何通过原型继承Object。通过mc实例的hasOwnProperty()方法查找过程，展示了原型的作用和所有对象的基底原型是Object。
摘要由CSDN通过智能技术生成

对象与原型之间的关系

每一个基本的对象都会有自己的一个原型，当在使用每一个实例对象的时候，你所用到的属性或者方法，他都会现在自己的个体中寻找，如果找不到，则会去寻找他所对应得原型对象中所对应的属性或者方法，如果还找不到，会在向上查询一个环节，直至到object为空（null），如下图
在这里插入图片描述
在这里插入图片描述

作为对象个体的mc来说，在使用hasOwnproperty()的方法时，我们并没有给mc对象这个方法，我们可以对mc所处的对象原型的对象进行查找，发现依然没有，再次向上寻找，才发现次方法。

这里也说明了，所有自定义对象的对象原型都是基于Object原型进行创建的。

coder_MX
关注
专栏目录
原型继承关系图详解
nanxing的博客
09-25 332
原型继承关系图详解 代码+注释 解析 /** * 一个例子说明原型继承的关系 */ function Person(name, age, height) { this.name = name; this.age = age; this.height = height; } /** * 原型上挂载方法 */ Person.prototype.say = function () { console.log(this.name + "在说话~"); }; /** * 创建实例 */ cons
浅谈原型对象与原型链
weixin_64214997的博客
05-13 457
1.为什么需要原型对象? 构造函数模式虽然好用，但也并非没有缺点。使用构造函数的主要问题，就是每个方法都要在每个实例上重新创建一遍。 因为多个构造函数会开辟多个内存空间,这样会导致内存浪费的问题,那么如何解决这个问题呢? 方案一:使用全局函数解决,但是会导致变量污染 方案二:使用全局对象解决,解决了变量污染，但是这个对象本身也会造成污染 所以原型对象来啦! 原型对象的作用 ： 解决内存浪费 + 变量污染(共享方法) 2.什么是原型对象呢? 任何构造函数在被创建的时候，系统都会自动帮我们创建一个与之对应.
一、对象间的原型关系
03-28 287
每个对象都可以把另一个对象作为它的原型，并继承原型的所有属性。 对象通过内部属性 proto（是单词proto的前后分别有两个下划线）指定它的原型，每个对象都有这个属性，而它也可以是null, var proto={ describe:function(){ return 'name'+this.name; } }; var obg2
JS中原型和原型链深入理解
weixin_34125592的博客
05-04 571
首先要搞明白几个概念： 函数（function） 函数对象(function object) 本地对象(native object) 内置对象(build-in object) 宿主对象(host object) 函数 function foo(){ } var foo = function(){ } 前者为函数声...
js面向对象（对象、原型与继承三者的关系）
weixin_44776206的博客
09-06 386
js面向对象（对象、原型与继承三者的关系） 一、对象 1. 面向对象的特性： 封装：包括封装数据、封装实现、封装类型和封装变化，目的是将信息隐藏。 继承：类与类之间的关系（js中没有类的概念，但可以通过构造函数模拟类，是可以继承的） 多态：同一操作作用于不同的对象上面，可以产生不同的解释和不同的执行结果。换句话说，给不同的对象发送同一个消息时候，这些对象会根据这个消息分别给出不同的反馈。 2. 创建类的方式 工厂模式 function createObject(name, age) { var
原型关系图
weixin_38550182的博客
11-04 179
自己绘制 网上
详解js中的原型，原型对象，原型链
10-15
关于**实例属性与原型属性的关系**，如果实例和原型有同名属性，实例的属性会优先于原型的属性被访问。例如： ```javascript person1.name = 'www'; // 在person1中添加一个name属性 person1.sayName(); // --> '...
举例说明JavaScript中的实例对象与原型对象
10-22
JavaScript中实例对象与原型对象是面向对象编程的重要概念，它们之间通过构造函数和原型链相互联系。在JavaScript中，每一个对象都有一个constructor属性，它指向创建该实例的构造函数。同时，每个函数都有一个...
构造函数、对象实例、原型对象三者之间的关系
charlie________的博客
11-29 2058
构造函数 构造函数是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与 new 一起使用。一般情况下我们会把公共的属性定义到构造函数里面，而公共的方法放到原型对象身上。 在 JS 中，使用构造函数时要注意以下两点： 1.构造函数用于创建某一类对象，其首字母要大写2.构造函数要和 new 一起使用才有意义 new 在执行时会做四件事情 ①在内存中创建一个新的空对象。②让 this 指向这个新的对象。③执行构造函数里面的代码，给这个新对象添加属性和方法。④返回这个新对象（所以构造函数里面不需要
第二层：对象间的原型关系
weixin_40550338的博客
02-24 178
    两个对象的原型关系：每个对象都可以把另一个作为它的原型，并继承原型所有的属性。对象通过内部属性[[prototype]]（_ _ proto _ _）指定它的原型。以此方式连接成的对象链成为原型链。 let proto = { age: 25, describe: function () { conso
原型关系
hefeng
09-30 325
原型关系function a(){}; a.__proto__ ——>Function.prototype——>Object.prototype a.prototype ={ constructor:a; __proto__:Object.prototype; } var b = new a() b ={ __proto__:a.prototype; }v
原型对象与实例对象之间的关系
无他
03-10 645
var b=function(){ var one; }   var c=new b(); console.group("第一组"); console.log("b=>"+b); console.log("b.prototype=>"+b.prototype) console.log("b.constructor=>"+b.constructor); cons...
类和原型的关系
hi_beijing的专栏
10-10 353
//类和原型的关系：类的所有实例对象都从同一个原型对象上继承属性 //创建一个新对象 function inherit(o) { if( o == null) return null; var t = typeof o; if(t !== "object" && t !== "function") return ; function f(...
原型、原型链及继承关系
weixin_34378969的博客
05-10 290
原型： 在讲原型关系之前给我们来看一张图片： 由图我们可知几个关系： 每一个构造函数都有(原型)prototype指向它的原型对象。 原型对象有constructor指向它的构造函数。 构造函数可以通过new 的创建方式创建实例对象 实例对象通过_proto_指向它的原型对象。 原型对象也有自己的原型对象，通过_proto_指向。 原型链 如果试图引用对象(实例instance)的某个属性,...
教你看懂原型关系
最新发布
qq_46030141的博客
03-23 90
构造函数原型和自定义构造函数原型
原型、原型链的关系
u012963469的博客
05-13 352
原型、原型链的关系如下图： 根据上图，总结如下： 1、所有对象都有一个__proto__属性指向一个对象，也就是原型。 2、每个对象的原型，都可以同constructor找到构造函数，构造函数也可以通过prototype找到原型。 3、所有的函数都可以通过__proto__找到Function对象。 4、所有的对象都可以通过__proto__找到Object对象。 5、对象之间通过__proto__连接起来，称之为原型链。在当前对象上不存在的属性，可以通过原型链一层侧往上查，直到顶层的Object对象，再
一图带你深入理解原型继承关系
kzj0916的博客
03-05 2274
前言 原型继承关系一直是一个比较复杂的点，最近看了《你不知道的JavaScript》才豁然开朗，再结合社区资料深入扩展才终于是啃下了这块知识。下面带大家来深入理解下原型继承之间的关系。 看图解析 下面这幅图大家肯定都不陌生，这是在社区广为流传的一副原型继承之间的关系图。画的也是特别好，但是如果你第一次直接去了解它，那你肯定是懵懵懂懂的，只有自己对原型有一定的认识才能真正的理解它所表达的含义。 整体上来都不知道该怎么下手，现在我们一步一步分解来看。 1.系统自带的构造函数 function Object 我
js里的对象基本理解(原型)
weixin_34261739的博客
03-31 101
1.全局对象 global对象=window对象, window对象的所有属性可以在MDN上查看 ECMAscript规定的一些常用属性： parseInt.parseFloat.Number().String().Boolean().Object() 浏览器一些私有属性： alert()（弹窗提示） prompt()（用户填写） confirm()（确认） console（开发者） docume...
JS中构造函数、实例对象和原型对象三者之间的关系
热门推荐
qq_39247835的博客
09-16 1万+
1、首先需要明白一个知识点：一个需要共享并且通过实例对象调用的方法，是在构造函数的原型对象中的。（实例对象原型__proto__指向构造函数的原型，即prototype）      通过查看join方法得到，join是在构造函数的原型对象中的。 2、进入正题，开始解释： （1）实例对象通过构造函数进行创建，原型对象是有了构造函数就会产生的。 （2）构造函数中的属性通过结构（dir）查...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值