深度解析JavaScript原型链

最新推荐文章于 2024-08-29 10:24:56 发布
最新推荐文章于 2024-08-29 10:24:56 发布
阅读量915 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ESTDA/article/details/123845555
本文深入解析JavaScript中的原型链机制，包括其工作原理、查找过程及其实现方式，并附带图解帮助理解。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

深度解析JavaScript原型链

文章目录

前言

JavaScript原型链是用来查找一个属性和方法的最优,如果你需要很多实例对象,哪用原型链最好不过了

JavaScript原型链,这里只分享我自己的见解

一、原型链是什么

(1) 原型链是用来查找对象的属性时
(2) 先在自身上查找,找到返回
(3) 如果没有,再沿着__proto__隐式原型这条链上去查找,找到返回
(4) 如果没有找到就返回undefined
(5) 别名隐式原型链(因为它是按着__proto__隐式原型去查找属性的)
(6) 一般都用存储方法当然的也可以存属性

二、心得

(1)因为通过构造函数创建实例自动拥有构造函数原型对象的属性(方法)
(2)利用的就是原型链

(-------------------------)
注意!!!
	构造函数的隐式原型指向的 Function的原型对象
	构造函数prototype 指向它自动产生Object(空对象)
	Function原型对哦下的constructor指向Function的构造函数
	Function的构造函数的prototype指向Function的原型对象
	__________________________________________________
	所有函数都是Function的实例(当然也包括Function）
	Object原型对象是原型链的尽头
	Object原型对象的__proto__方法指向的是NULL

三图解

总结

例如：以上就是今天要讲的内容，本文仅仅简单介绍了原型链的基本概念,后面还会讲原型链继承和instenceof是怎么判断的…

bird-tracking-estda-mobility-indices
04-03
鸟类追踪-ESTDA-流动性指数 此仓库是项目“基于具有GPS跟踪数据和开放式Python工具的人类空间移动性指数的时空模式洞察力”项目的一部分。 概括 人才流动需要国家/跨国级别的技术资源来找到有关人员流动的见解，例如CDR或GPS数据。 即使数据中包含大量的时空信息，也看不到清晰的见解。 基于此，有必要基于工作流（自动化）来解决此问题，该工作流将根据人类空间移动性的特征（例如移动性，扩展性，时间性以及更复杂的方式）提供洞察力/指示符，即空间多样性或模式的流动性。 使用从GPS设备在跨国级别获得的样本数据集查看了移动性和扩展性特征。 可以将个人的日常运动方式理解为流动性，例如：每天/每月的行进距离； 站点之间的每日/每月距离。 即使测量要求精度，它也取决于现象，在某些情况下，在研究汽车/人的踪迹时，最好以良好的时间质量GPS或道路聚合来计算道路行驶的距离。 在其他情况下，就像野生生物径
JS原型链整理
qq_42354164的博客
05-26 323
首先，我们了解一下原型的基本概念。 1.构造函数可用通过prototype属性查找自己的原型对象，这种查找方式被称为显式查找。 2.每个对象都有原型，可以通过__proto__属性查找自己的原型对象，这种查找方式被称为隐式查找。 3.原型的constructor属性指向的是构造函数本身。 js原型及原型链 从上图可以看出，构造函数通过new操作符创建实例对象，根据原型的概念，任何对象都有原型，故通过__proto__属性查找到自己的原...
JS原型链
阿渊博客
05-26 681
关于原型链的个人领悟
JS（原型链）
simon_dg的博客
09-26 3007
在聊原型链之前多对吹几句，为啥需要对象？对象的好处？在传统的开发中（也叫面向过程）。顾名思义，面向过程是你要写所有的操作代码，在这个过程中，代码重复，一旦出错或者用户修改要求，要修改的代码就很多，后期维护人员绝对累死。         在生活中，面向过程就是，你要去买东西，你要自己亲自去买，而面向对象，就是你在家里，叫别人去买。这里的“别人”就是对象。你只知道这个对象可以给你买来东西，但买的过程，
js原型和原型链你只要看这一篇
热门推荐
shuixiou1的博客
07-15 3万+
一、什么是原型： 任何对象都有一个原型对象，这个原型对象由对象的内置属性_proto_指向它的构造函数的prototype指向的对象，即任何对象都是由一个构造函数创建的，但是不是每一个对象都有prototype，只有方法才有prototype。 function Person() { } var p = new Person(); //方法才有prototype,普通对象无protot...
JS：原型链、原型链的查找、原型链的遮蔽效应、原型链的终点、关于数组的原型链
liuxudanhahaha的博客
01-02 1633
JS：原型链、原型链的查找、原型链的遮蔽效应、原型链的终点、关于数组的原型链 一、原型链 1、原型链： 每个对象都可以有一个原型_proto_，这个原型还可以有它自己的原型，以此类推，形成一个原型链。查找特定属性的时候，我们先去这个对象里去找，如果没有的话就去它的原型对象里面去，如果还是没有的话再去向原型对象的原型对象里去寻找… 这个操作被委托在整个原型链上，这个就是我们说的原型链了。 2 prototype和constructor prototype属性，它是函数所独有的，它是从一个函数指向一个对象。
深度解析JavaScript原型与原型链
"JavaScript原型和原型链是理解JavaScript对象模型的关键概念。原型是每个JavaScript对象包含的一个内部属性，即`__proto__`（隐式原型），它指向另一个对象，通常是其构造函数的`prototype`（显式原型）。而原型链...
JavaScript prototype深度解析：原型链机制
"JavaScript的prototype原型链是理解JavaScript面向对象编程的关键概念。它不同于C++中的原型，而是用于实现对象间的属性和方法共享。每个function类型的对象都有一个prototype属性，这个属性指向一个object对象，...
JavaScript原型链与继承深度解析
本文旨在帮助读者理解JavaScript如何在无类别的基础上实现面向对象编程，并通过实例解析原型链的构建和继承的实现过程。" 在JavaScript中，面向对象编程并不像其他传统的面向对象语言那样基于类，而是基于对象。...
JS原型和原型链最详解（附图）
苟日新 日日新 又日新
07-28 1231
JS原型最详解，原型链、原型和原型对象。
图解 js 原型链
imxiezy的博客
08-16 746
前言 想要理解好js的继承，需要理解原型链，这是JavaScript的基础的重点。看了很多资料都是文字描述，原型关系描述的不够形象，在此基于自己的理解及参考网上的资料写下这篇文章。这里仅写下一点浅见，不足之处欢迎拍砖。 原型对象 js对象都有一个prototype对象属性，我们可以在这个原型对象上，添加方法、属性。 function Person(name) { this.name = name; } Person.prototype.say = function (params) { c
js原型与原型链详解（万文总结，一文搞懂原型链!）
Yi_qian的博客
12-28 2万+
JavaScript中的原型和原型链：1，每个对象均存在隐式原型(__proto__)，函数对象才有prototype属性2，__proto__存在的意义在于为原型链查找提供方向，原型链查找靠的是__proto__，而不是prototype3，函数对象的__proto__都指向Function.prototype4，每个对象都有一个隐式原型属性(__proto__)，多个原型通过__proto__链接在一起形成的链式结构就是原型链😃。
一文搞懂 js 原型和原型链
最新发布
我哎GIS博客
08-29 2285
原型和原型链是JavaScript中与对象有关的重要概念，但是部分前端开发者却不太理解，也不清楚原型链有什么用处。其实，学过其他面对对象语言的同学应该了解，对象是由类生成的实例，类与类之间有继承的关系。在ES6之前，JavaScript中并没有class，实现类和继承的方法就是使用原型。在我个人看来，JS中类和原型链的设计和语法由于一些历史或包袱问题而不易用，也不易于理解。因此在ES6中推出了class相关的语法，和其他语言更接近，也更易用。ES6 class类。
Js中的原型及原型链
qq_44910894的博客
05-12 151
访问一个对象的属性时：先在自身属性中查找，找到返回如果没有, 再沿着这条链（原型链）向上查找, 找到返回如果最终没找到, 返回undefined// 首先要明白一点 console . log(Object);//一开始就存在 // 声明构造函数Fn function Fn() {} } // 向其原型对象上添加方法 Fn . prototype . test2 = function() {} // 实例化 var fn = new Fn();
用Python作GIS之一：介入STARS
weixin_30266885的博客
02-23 567
STARS的全称是Space-Time Analysis of Regional Systems，直译过来就是区域系统时空分析软件。这是针对区域多时相数据的分析包，源代码公开。该软件将最近几年发展起来的时空分析技术引入到友好的用户界面中，设计目标是要成为一款探索性数据分析软件。 不得不说的是，探索性空间数据分析（ESDA）在国内才刚刚起步，而STARS面向的则是更为复杂的探索性时空数据...
JS：原型链及其查找机制
weixin_40301750的博客
03-02 2268
所有的函数数据类型都天生带有一个Prototype(原型)属性，这个属性的值是一个对象，浏览器默认给其开一个堆内存。 在浏览器给prototype开辟的堆内存中，有一个自带的属性constructor,这个属性存储的值就是当前函数的本身。 每一个对象都有一个__proto__属性，这个属性指向当前实例所属类的prototype，（如果不能确定它是谁的实例，那都是Object...
js查找机制原型链
qq_45548069的博客
09-22 389
当访问一个对象的属性(方法)的时候,首先查找这个对象自身有没有该属性,如果没有的话,就往prototype上查找,根据原型链不断找,知道找到该属性(方法),如果没有输出null; 对象属性__proto__ 每个对象都有一个属性 : __proto__ 这是一个非标准的属性,用来指引的属性; 如果实例对象没有方法,就会通过__proto__指引寻找到prototype; 实例对象中有一个属性是__proto__ ,被称之为对象原型,指向原型对象; 原型对象是构造函数的一个属性; 构造函数..
js的原型链及其查找方式
胡图图不糊涂的博客
03-14 765
原型链： *** 查找方式： 对象实例 -> 构造函数的原型对象prototype -> Object的原型对象prototype -> undefined
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值