JavaScript学习（五十四）—原型链继承的概念以及原理和图解

最新推荐文章于 2024-05-04 08:00:00 发布
最新推荐文章于 2024-05-04 08:00:00 发布
阅读量1.2k 收藏 16
点赞数 10
分类专栏： 【JavaScript】 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46374969/article/details/115866725
版权
本文详细介绍了JavaScript中的原型链继承，包括其概念、原型链的查找机制，以及为什么原型链不支持多继承。文章通过图解方式帮助理解原型链的结构，并强调了对象创建与继承的顺序对于继承效果的重要性。
摘要由CSDN通过智能技术生成

JavaScript学习（五十四）—原型链继承的概念以及原理

一、原型链

  • 所谓原型链就是指通过原型链继承，在原型之间建立起来的链式结构被称为原型链。
  • 当查找对象的某个属性时，会先从该对象的私有属性中查找，如果有则返回对应的值，如果有则沿着对象的_proto_到原型中查找，如果原型中也没有，则沿着原型链继续向上查找。
  • 当找到Object原型时，如果也依然没有要查找的属性， 则返回undefined，且停止查找，之所以会查找到Object的原型，是因为所有的构造方法在底层都会自动和Object建立继承关系，让自己的原型直接指向Object的原型。

在这里插入图片描述
二、原型链的格式

  格式：
    function 构造方法1
了解本专栏 订阅专栏 解锁全文 超级会员免费看
王同学要努力
关注
专栏目录
订阅专栏
原型链和原型链的继承
liuhao9999的博客
03-23 381
所有普通的 [[Prototype]] 链最终都会指向内置的 Object.prototype，其包含了 JavaScript 中许多通用的功能 为什么能创建 “类”，借助一种特殊的属性：所有的函数默认都会拥有一个名为 prototype 的共有且不可枚举的属性，它会指向另外一个对象，这个对象通常被称为函数的原型 functionPerson(name){ this.name=name; } Person.prototype.constructor=Person ...
理解Javascript_05_原型继承原理
weixin_30625691的博客
10-13 311
对于面向对象的基础语法在此我就不重复了，对面向对象不熟悉的朋友可以参看《使用面向对象的技术创建高级 Web 应用程序》一文。 prototype与[[prototype]] 在有面象对象基础的前提下，来看一段代码： //Animal构造函数 function Animal(name){ this.name = name; } //Animal原型对象 Animal.pr...
图解JavaScript原型链继承
weixin_33889665的博客
02-24 120
JavaScript是基于原型链的继承的，忘掉类的继承，从原型链入手。 普通对象 函数对象 JavaScrip只有一种结构：对象 通过new Function()创建的对象都是函数对象，其他都是普通对象。 每个对象都有 __proto__属性，，并且该属性指向原型对象（prototype），但只有函数对象才有 prototype 属性 prototype和 proto 的概念 prototyp...
javascript中继承(一)-----原型链继承的个人理解
weixin_34408624的博客
05-10 326
【寒暄】好久没有更新博客了，说来话长，因为我下定决心要从一个后台程序员转为Front End，其间走过了一段漫长而艰辛的时光，今天跟大家分享下自己对javascript中原型链继承的理解。 总的说来，js中的常用的继承方式可以分为两种，一种是原型链式继承，这也是本文要谈的重点；另外一种是借用构造函数继承，这方面的理解，我将在下次的博客中更新。好了，闲话不多说，进入正题。 一，关于原...
原型链继承 与 instanceof原理
小柒的前端之旅
07-29 373
前面的话 许多的oo语言都支持两种继承方式：接口继承与实现继承。接口继承只继承方法签名，而实现继承则继承实际的方法。js只支持实现继承，而且其实现继承主要是依靠原型链来实现的。 原型链继承的本质 原型链继承的本质是重写原型对象，代之是一个新类型的实例. 下列代码中，Fn的新原型不仅有new Fn1()实例上的全部属性和方法，并且还继承了Fn1原型上的属性与方法。 function Fn1() { ...
图解JS原型和原型链实现原理
10-14
JavaScript中的原型和原型链是其继承机制的核心，理解这两者对于深入学习JS至关重要。本文将通过详细的图解和实例代码，帮助你理解这两个概念及其实现原理。 首先，我们需要明白JavaScript的发展背景。JavaScript...
[js高手之路]从原型链开始图解继承到组合继承的产生详解
12-12
于javascript原型链的层层递进查找规则，以及原型对象(prototype)的共享特性，实现继承是非常简单的事情 一、把父类的实例对象赋给子类的原型对象（prototype），可以实现继承 function Person(){ this.userName =...
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
10-19
本文将深入探讨原型对象、原型链的概念，并通过实例解析它们的工作原理。 首先，每个函数都有一个名为`prototype`的属性，它指向一个对象，即构造函数的原型对象。例如，在以下代码中，`CreateObj.prototype`是指向...
从原型链到继承，图解来龙去脉，推荐收藏
前端达人
06-21 286
前言在面向对象编程中，继承是非常实用也非常核心的功能，这一切都基于面向类语言中的类。然而，javascript和面向类的语言不同，它没有类作为蓝图，javascript中只有对象，但抽象继承思想又是如此重要，于是聪明绝顶的javascript开发者们就利用javascript原型链的特性实现了和类继承功能一样的继承方式。何为原型要想弄清楚原型链，我们得先把原型搞清楚，原型...
原型链继承
weixin_64037609的博客
09-05 892
原型链继承
原型与原型链 new实现继承的原理
qq_41659353的博客
07-17 632
在典型的面向对象语言中，如java都存在类class的概念，类就是对象的模板，对象就是类的实例。但是在javaScript语言体系中，是不存在类的概念。javaSCript中不是基于类，而是通过构造函数(constructor)和原型链(prototype chains)实现的。 构造函数 所谓构造函数，就是提供一个生成对象的模板并描述对象的基本结构的函数。一个构造函数，可以生成多个对象，每个对象都有相同的结构，构造函数就是对象的模板，对象就是构造函数的实例。 但是构造函数有一个缺点就是：同一个构造函数的对
JavaScript: 原型链继承(原理解析 + 代码实现 + 结构图解)
技术圈
03-22 2246
原型链是实现继承的一种基础方式，是原型搜索机制的扩展。本文以基本原理，代码实现，结构图解三种方式诠释，无论基础如何，都能通过本文对js原型链继承达到更深入的理解。
关于JS实现继承和原型链的概念
weixin_44457144的博客
02-25 221
ECMAScript 只支持实现继承，而且其实现继承主要是依靠原型链来实现的。 原型链： 利用原型让一个引用类型继承另一个引用类型的属性和方法。简单回顾一下构造函数、原型和实例的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。那么，假如我们**让原型对象等于另一个类型的实例**，结果会怎么样呢？显然，此时的原型对象将包含一个指向另...
原型链与继承机制
最新发布
偏执的小男孩儿
05-04 266
原型链与继承机制
JavaScript原型与原型链实现对象继承详解
在JavaScript中，对象继承是面向对象编程的重要概念，而原型和原型链是实现这一概念的关键机制。JavaScript的继承并非传统的类继承，而是基于原型的继承。每当我们创建一个函数（即构造函数），它都会有一个名为`...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王同学要努力

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值