JavaScript 继承模式

最新推荐文章于 2024-09-27 15:27:45 发布
最新推荐文章于 2024-09-27 15:27:45 发布
阅读量131 收藏
点赞数
分类专栏： JavaScript基础 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zdn135860_/article/details/131443788
版权
文章详细阐述了JavaScript中的继承实现，包括原型链继承，通过子类型的原型是父类型的实例来实现方法继承；构造函数继承，使用`super`调用父类型构造函数以初始化属性；以及组合继承，结合原型链和构造函数的方式，以实现更全面的继承方案。
摘要由CSDN通过智能技术生成

原型链继承

关键在于子类型的原型是父类型的实例对象

方式
  1. 定义父类型构造函数
  2. 给父类型的原型添加方法
  3. 定义子类型的构造函数
  4. 创建父类型的实例对象赋值给子类型的原型**子类型.prototype = new 父类型()**

image.png

  1. 给子类型的原型的构造属性设置为子类型子类型.prototype.contructor = 子类型，否则会顺着原型链找到父类构造函数
  2. 给子类型的原型添加方法
  3. 创建子类型的对象（可以调用父类型的方法）

用构造函数继承（不成立）

关键在子类型构造函数中用super调用父类型构造函数

方式
  1. 定义父类构造函数
  2. 定义子类构造函数
  3. 在子类型构造函数中调用父类型构造
    1. 在子类型中 父类型.call(this,参数列表) 即super

组合继承

原型链＋借用构造函数的组合继承

方法
  1. 利用原型链实现对父类型对象的方法继承
  2. 利用super（）借用复用性构造函数初始化属性
  3. 即融合上面两个方法
小朱想偷月亮
关注
专栏目录
JavaScript继承模式+对象枚举+习题（六）
Miracle1203的博客
04-29 2446
解决： 在node1和master节点分别输入 # start-dfs.sh 解决
JavaScript的设计模式
weixin_43183219的博客
03-27 1048
JavaScript的三种常见设计模式、单例模式、装饰模式、观察者模式的优缺点和实例代码实现
javaScript继承模式 导图
Jane617_min的专栏
03-31 377
思维导图地址预览如图：参考：JavaScript高级程序设计   原型链继承模式借用构造函数继承模式组合继承模式原型式继承模式寄生继承模式寄生组合继承模式...
JavaScript 继承模式发展史（圣杯模式!!!）
Yuki_yuhan的博客
08-27 1439
JavaScript继承发展史：01 原型链（传统模式）优点：父类的方法和属性得到了复用。缺点：过多的继承了没用的属性，子类实例没有自己的属性。02 借用构造函数 优点：子类的每个实例都有自己的属性，不会相互影响。 缺点：没有实现父类方法的复用，不能继承借用构造函数的原型，每次构造函数都要多走一个函数。03 共享原型 优点：用法简单。缺点：不能随便改动自己的原型。04 圣杯模式（important!）优点：中间生成了一个对象，起到了隔离的作用。既可以有父辈的属性和方法，改变自己的时候，也不会影响父辈的属性。
JavaScript继承
m0_61480985的博客
11-28 1667
寄生组合继承存在效率问题，最主要的效率问题是父类构造函数始终被调用两次，一次是在创建子类原型时调用，另一次是在子类构造函数中调用，本质上，子类原型最终是要包含超类对象的所有实例属性，子类构造函数只要在执行的时候重写自己的原型就可以了。把子类的原型对象指向父类，就能使用父类中的方法和属性了。采用原型式继承不自定义类型，临时创建一个构造函数，借助已有的对象作为临时构造函数的原型，然后在此基础实例化对象，并返回。继承就是指一个子类继承父类的属性和方法，使得子类对象（实例化对象）具有父类的方法和属性。
JavaScript原型链继承
weixin_52462962的博客
01-25 653
JavaScript原型链的核心思想为子类的原型对象是父类的一个实例对象。 详细做法： 1.分别定义父类和子类的构造函数 2.将子类的原型对象改为父类的一个实例对象 function p1(name) { console.log('father'); } function p2(age) { console.log('son'); } p2.prototype = new p1(); 3.将子类的原型对象的constructor属性的值改为子类的构造函数（重点） ...
JavaScript继承与原型链
专注
01-25 1332
原型对象也有一个自己的原型，层层向上直到一个对象的原型为 null。根据定义，null 没有原型，并作为这个原型链（prototype chain）中的最后一个环节。当你试图访问一个对象的属性时，如果在该对象本身中找不到该属性，就会在其原型中搜索该属性，如果仍然找不到，那么就会搜索原型的原型，以此类推，直到找到一个名字匹配的属性或到达原型链的末尾（即原型为null的对象）。1.1 在继承中，子类继承父类的特征和行为，使得子类对象具有父类的实例域和方法。继承和原型链是什么？
javascript继承
weixin_38131307的博客
01-30 2386
设计模式
JavaScript中的设计模式
l12345666777的博客
11-21 1183
JavaScript中有四种常见的设计模式 ，目的是为了批量创建对象 为了实现继承。
javascript中继承的几种方式
m0_63153901的博客
06-12 4049
在实际编码的过程中，如果有很多类似的方法都存放于构造函数中，这样会导致内存的浪费（内存泄漏），在这种情况下我们就需要用到继承。所谓继承就是通过某种方式让一个对象可以访问到另一个对象中的属性和方法。通过实例化一个函数使子类的原型指向父类的实例，子类就可以调用到父类的属性和方法。代码实现如下： 要注意的问题 1.不要忘记默认的类型： 在js中所有的引用类型都继承了Object，而继承也是通过原型链实现的。所有存在于Object原型对象上的方法同样也存在。比如：hasOwnProperty()、toString(
JavaScript继承模式粗探
11-23
下面我们将深入探讨几种常见的JavaScript继承模式。 1. **借用构造函数继承** 这是通过在子类型构造函数内部调用超类型的构造函数来实现的。例如，`Father`是超类型，`Son`是子类型，`Son`构造函数通过`Father....
JavaScript常见继承模式实例小结
10-17
JavaScript继承模式是该语言面向对象编程核心特性之一，它允许开发者以不同的方式从父对象或构造函数中继承属性和方法。接下来，将详细介绍JavaScript中几种常见的继承模式，并结合具体代码实例分析其实现技巧与注意...
计算机毕业设计之：基于微信小程序的诗词智能学习系统（源码+文档+解答）
程序员阿龙的博客
09-22 4425
博主介绍： ✌我是阿龙，一名专注于Java技术领域的程序员，全网拥有10W+粉丝。作为CSDN特邀作者、博客专家、新星计划导师，我在计算机毕业设计开发方面积累了丰富的经验。同时，我也是掘金、华为云、阿里云、InfoQ等平台的优质作者。通过长期分享和实战指导，我致力于帮助更多学生完成毕业项目和技术提升。 技术范围： 我熟悉的技术领域涵盖SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等方
vue上传预览CAD文件
只会写bug
09-24 554
如果选择的是 Three.js，那么可以创建一个场景来加载和显示模型。如果是用特定的 CAD 查看器库，则按照其文档进行集成即可。根据具体需求和技术能力，可以选择最适合的解决方案来实现 CAD 文件的上传和预览功能。
基于Springboot+Vue的高校教室资源管理系统的设计与实现（含源码+数据库）
m0_59480939的博客
09-25 215
这个系统有三个角色：管理员、学生和教师。管理员可以在前台查看教室信息列表并进行预约，而在后台可以管理学生、教师、教室类型、教室信息、教室预约、系统公告和轮播图等模块，支持新增、查看、修改、删除和审核等操作。系统支持管理员后台登录，但不支持学生和教师后台登录，学生和教师则支持前台注册与登录，而管理员不支持前台登录和注册。数据库版本: mysql5.7或8.0。JDK版本: Java JDK1.8。开发系统:Windows10/11。数据库可视化工具: navicat。架构模式:MVC/前后端分离。
vue单点登录异步执行请求https://xxx.com获取并处理数据
最新发布
m0_65360496的博客
09-27 103
vue单点登录异步执行请求https://xxx.com获取并处理数据
jQuery国内大厂CDN加速链接
TANKING，开源开发者！
09-21 360
jQuery的CDN有很多，但都很不稳定，例如国内的bootcdn经常抽风，还有其他的常见的例如jQuery官方的jsDeliverstaticfile，这些都是经常抽风的。导致使用了线上的CDN的页面打开受到影响，那么就没有国内好用的CDN吗？下面是我汇总的一些大厂的！
方法论大师 JavaScript 版本
PlayerYK的专栏
09-25 194
无论什么行业、什么问题，都会有一群人擅长通过简单的拼凑和归纳，炮制出一套“高深”的方法论。这些方法论通常看似逻辑严密、层层递进，实则全是空洞的概念堆砌，毫无实质作用。最搞笑的是，他们居然能为任何事物总结出一个“公式”，让人乍一看觉得有理，仔细思考后发现不过是披着华丽外衣的废话。是不是开始觉得这些“方法论大师”其实并没有提供真正有价值的建议？如果你也曾被这些空洞的概念忽悠过，那么来吧，我为你提供一个...
JavaScript继承模式详解：从原型链到寄生组合式继承
3. **组合继承（Composite Inheritance）**：这是JavaScript中最常见的继承模式，结合了原型链和借用构造函数的优点。首先，`SubType.prototype`被设置为`SuperType`的一个新实例，这样子类可以继承父类的方法；然后...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值