当前位置：首页 > news >正文

Javascript 中的继承？如何实现继承？

news 来源：原创 2025/5/18 8:13:55

一、继承的本质

继承：子对象可以自动拥有父对象的属性和方法，就像孩子继承父母的基因。
JavaScript 的继承：通过原型链实现（原型和原型链是底层核心）。

二、4 种常见继承方式

1. 原型链继承（传家宝模式）

原理：将父类的实例作为子类的原型
优点：子类能继承父类原型上的方法
缺点：所有子类实例共享父类的引用属性（如数组、对象）

function 父亲() {this.财产 = ["房子", "车子"];
}
父亲.prototype.姓氏 = "张";function 儿子() {}
儿子.prototype = new 父亲(); // 继承const 大儿子 = new 儿子();
大儿子.财产.push("存款"); // 修改会影响所有子类
const 二儿子 = new 儿子();
console.log(二儿子.财产); // ["房子", "车子", "存款"]（问题！）

2. 构造函数继承（复制家产模式）

原理：在子类构造函数中调用父类构造函数
优点：每个子类实例有独立的属性
缺点：无法继承父类原型上的方法

function 父亲(姓) {this.姓 = 姓;
}
父亲.prototype.说姓氏 = function() {console.log("我姓" + this.姓);
};function 儿子(姓) {父亲.call(this, 姓); // 继承属性
}const 小明 = new 儿子("王");
console.log(小明.姓); // "王"
小明.说姓氏(); // 报错！（无法继承原型方法）

3. 组合继承（家产+家训双传模式）

原理：原型链继承 + 构造函数继承组合
优点：既能继承属性，又能继承原型方法
缺点：父类构造函数被调用两次，效率略低

function 父亲(姓) {this.姓 = 姓;
}
父亲.prototype.说姓氏 = function() {console.log("我姓" + this.姓);
};function 儿子(姓, 名) {父亲.call(this, 姓); // 第1次调用父构造函数（继承属性）this.名 = 名;
}
儿子.prototype = new 父亲(); // 第2次调用父构造函数（继承原型）
儿子.prototype.constructor = 儿子; // 修复构造函数指向const 小明 = new 儿子("张", "小明");
小明.说姓氏(); // "我姓张"

4. 寄生组合继承（完美模式）

原理：通过拷贝父类原型，避免重复调用父类构造函数
优点：解决组合继承的效率问题
推荐：ES6 class 继承的底层实现方式

function 继承原型(子类, 父类) {const 原型副本 = Object.create(父类.prototype); // 复制父类原型原型副本.constructor = 子类; // 修正构造函数子类.prototype = 原型副本;
}function 父亲(姓) {this.姓 = 姓;
}
父亲.prototype.说姓氏 = function() {console.log("我姓" + this.姓);
};function 儿子(姓, 名) {父亲.call(this, 姓); // 只调用一次父构造函数this.名 = 名;
}
继承原型(儿子, 父亲); // 继承原型方法const 小明 = new 儿子("李", "小明");
小明.说姓氏(); // "我姓李"

三、现代写法（ES6 `class` 语法糖）

class 父亲 {constructor(姓) {this.姓 = 姓;}说姓氏() {console.log(`我姓${this.姓}`);}
}class 儿子 extends 父亲 {constructor(姓, 名) {super(姓); // 相当于 Father.call(this, 姓)this.名 = 名;}
}const 小明 = new 儿子("赵", "小明");
小明.说姓氏(); // "我姓赵"

本质：class 和 extends 是语法糖，底层基于寄生组合继承。

四、继承方式对比

继承方式	优点	缺点	适用场景
原型链继承	简单	共享引用属性	小型项目
构造函数继承	独立属性	无法继承原型方法	需要属性隔离
组合继承	属性独立 + 继承原型方法	父类构造函数调用两次	传统项目
寄生组合继承	最优解	实现稍复杂	中大型项目
ES6 `class`	语法简洁	需支持 ES6	现代项目

总结

核心原则：通过原型链实现属性和方法的传递。
推荐方案：
- 现代项目：直接用 ES6 class
- 传统项目：手动实现寄生组合继承
一句话记忆：继承就是「子承父业」，JavaScript 靠原型链实现！ 👨👦

Javascript 中的继承？如何实现继承？

一、继承的本质继承：子对象可以自动拥有父对象的属性和方法，就像孩子继承父母的基因。JavaScript 的继承：通过原型链实现（原型和原型链是底层核心）。二、4 种常见继承方式 1. 原型链继承（传家宝模式&am…...

编程日记 2025/5/18 8:13:55

深入理解 Linux 权限管理：从基础到进阶

在 Linux 系统中，权限管理是保障系统安全与资源合理分配的核心机制。无论是服务器管理员，还是日常使用 Linux 的开发者，深入掌握权限管理，不仅能避免因权限设置不当导致的数据泄露或系统故障，还能灵活高效地管理各类资…...

编程日记 2025/5/5 13:40:09

第1阶段-前5天-考试题及答案

文章目录 1.1 用户 root 的家目录是哪里?1.2 如何查询 linux 系统 ip 地址?1.3 检查是否可以访问 baidu.com 的命令?1.4 [rootoldboy-c7 /etc/sysconfig/ ]# 说说每一部分含义?1.5 说说 Linux 常见快捷键?(至少 3 个)1.6 Windows 分为 C 盘,D 盘,但是 Linux 一切从根或/ …...

编程日记 2025/5/18 8:01:04

农村供水智能化远程监控解决方案

农村供水智能化远程监控解决方案 ——基于巨控GRM242Q-4D4I4Q(HE)模块的快速部署方案一、项目需求与痛点某西南山区农村供水项目需管理12个分散站点，每个站点包含： 4-20mA模拟量：压力传感器、流量计485通信设备：智能水表&…...

编程日记 2025/4/30 15:46:27

4月29日星期二今日早报简报微语报早读

4月29日星期二，农历四月初二，早报#微语早读。 1、特朗普声称中方领导人打了电话，外交部：近期中美元首没有通话； 2、跳水世界杯总决赛名单出炉，“梦之队”全主力出战； 3、深圳：对年…...

编程日记 2025/4/30 15:46:27

C++日更八股--first

### 内存static和dynamic的区别 static（静态） 和 dynamic（动态）<br> static:内存分配在编译的时候确定，大小和生命周期固定，无需运行时分配开销<br> dynamic:内存分配在运行时动态申请…...

编程日记 2025/4/30 15:44:19

Git操作指令

1.基础操作指令: (1).查看修改的状态(git status): 查看修改的状态(暂存区、工作区) (2).添加工作区到暂存区(git add 单个文件名 | 通配符): 添加工作区一个或多个文件的修改到暂存区 (3).提交暂存区到本地仓库(git commit -m "注释内容"): 提交暂存区内容到本…...

编程日记 2025/5/8 3:02:53

Linux——安装NVM

1. 安装命令官方地址：https://github.com/nvm-sh/nvm curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash2. 安装完成后执行命令 source ~/.bashrc3. 验证 nvm -v...

编程日记 2025/5/1 21:34:18

C++之AVL树

前言一、AVL的概念二、AVL树的实现 2.1 AVL的结点结构 2.2 AVL树结点的插入平衡因子的更新更新原则： 更新停止的条件： 插入结点以及更新平衡因子的代码实现旋转右单旋左单旋左右双旋右左双旋 2.3 AVL树的查找 2.4 AVL树的平衡性检测总结前言 …...

编程日记 2025/4/30 15:38:54

解决STM32H743单片机USB_HOST+FATF操作usb文件

前缀花了两天的时间整理了一下在使用STM32H743单片机开发usb相关功能时遇到的问题及解决方案，具体为以下2种情况： 1.USB插上单片机后，单片机卡死，导致长时间没有喂狗程序重启； 2.USB正常插拔后，使用FAT…...

编程日记 2025/5/10 23:15:40

数据结构|并查集

Hello ！朋友们，这是我在学习过程中梳理的笔记，以作以后复习回顾，有时略有潦草，一些话是我用自己的话描述的，可能不够准确，还是感谢大家的阅读！ 目录一、并查集Quickfind 二、两种算…...

编程日记 2025/4/30 15:36:47

从拒绝采样到强化学习，大语言模型推理极简新路径！

大语言模型（LLMs）的推理能力是当下研究热点，强化学习在其复杂推理任务微调中广泛应用。这篇论文深入剖析了相关算法，发现简单的拒绝采样基线方法表现惊人，还提出了新算法。快来一探究竟，看看这些发现如何颠…...

编程日记 2025/5/13 8:56:34

数据中心电能质量问题解决方案及经典案例

行业背景与挑战数据中心作为互联网的核心枢纽，承载着海量数据存储、计算及通信任务，其内部精密设备（如恒温恒湿空调、高精度开关电源等）对电能质量极为敏感。微小的电压波动或频率偏差可能导致设备损坏，而瞬态过电压…...

编程日记 2025/5/5 3:16:20

【软考-高级】【信息系统项目管理师】【论文基础】沟通管理过程输入输出及工具技术的使用方法

沟通管理概念沟通是人们分享信息、思想和情感的过程，沟通的主旨在于互动双方建立彼此相互了解的关系，相互回应，并期待能经由沟通的过程相互接纳并达成共识。沟通失败是很多IT项目失败的重要原因。与IT项目成功有关的最重要的四个因素是…...

编程日记 2025/4/30 15:35:42

优化PCB Via Stub系列（1）：一次学会利用层叠设计降低Via Stub损耗

开路谐振对SI而言真不是个好东西，这种1/4波长谐振会带来讯号的驻波，进而降低整体通道带宽，导致SI不佳！ 在高速PCB设计中，最常发生的1/4波长谐振就属过孔的Via stub，这个小小的金属残段可以酿成大大的SI问题…...

编程日记 2025/5/12 14:28:43

STP端口状态变迁及故障拓扑变化

STP端口状态变迁及故障拓扑变化一、STP 端口状态变迁（以标准 STP 为例，共 5 种状态） 状态功能描述能否收发数据帧能否收发 BPDU持续时间进入条件Disabled端口物理关闭或被管理员手动关闭，不参与 STP 运算。否否-端口物理 down …...

编程日记 2025/5/3 6:27:07

9.idea中创建springboot项目_jdk1.8

9. idea中创建springboot项目_jdk1.8 步骤 1：打开 IntelliJ IDEA 并创建新项目启动 IntelliJ IDEA。在欢迎界面，点击 New Project（或通过菜单栏 File > New > Project）。步骤 2：选择 Maven 项目类型在左侧…...

编程日记 2025/4/30 15:31:17

CREATE TABLE name ( id int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT ID, name varchar(32) DEFAULT COMMENT 名称, PRIMARY KEY (id) ) ENGINEInnoDB DEFAULT CHARSETutf8mb4; 情况1.执行下列操作， 会发现新开窗口去查询name表时，整个事务都…...

编程日记 2025/5/10 6:30:23

考OCM证书前需要有OCP证书

报考OCM认证必须持有有效OCP证书。从知识体系的构建来看，OCP 和 OCM 认证构成了一个循序渐进的学习和考核体系。OCP 认证侧重于考察数据库管理员和开发人员对 Oracle 数据库的基础架构、日常管理、性能优化、备份恢复等核心技能的掌握。通过 OCP 考试，意…...

编程日记 2025/4/30 15:27:59

动态图表 -- eg1

问题： 前端vue，后端springboot，实现动态表格样式，（表格List<Student>，Student类有年级，班级，文理科分类，姓名，学号，等属性。先根据年级分类…...

编程日记 2025/4/30 15:25:46

echo 1 ＞ /proc/sys/kernel/nmi_watchdog报错

报错内容 /proc/sys/kernel/nmi_watchdog报错，内容如下： [root@localhost log]# echo 1 > /proc/sys/kernel/nmi_watchdog -bash: echo: write error: Unknown error 524 [root@localhost log]#报错原因内核未配置 NMI 支持某些自定义内核可能未编译 NMI Watchdog 驱…...

编程日记 2025/5/5 3:40:33

upload-labs PASS 1-5通关

PASS-01 前端javascript检查 1，第一个提示javascript对上传的文件进行审查 2，javascript工作在前端页面，可以直接删除具有审查功能的代码 3，删除之后再上传一句话木马上传成功，可以使用蚁剑进行连接，控制网…...

编程日记 2025/4/30 15:25:45

大数据测试集群环境部署

Hadoop大数据集群搭建（超详细）_hadoop_小飞飞519-GitCode 开源社区 hadoop集群一之虚拟机安装(mac)_hadoop_皮皮虾不皮呀-华为开发者空间 hadoop集群二之hadoop安装_hadoop_皮皮虾不皮呀-华为开发者空间虚拟机如何查看gateway | PingCode智库...

编程日记 2025/4/30 15:25:42

BUUCTF——Online Tool

BUUCTF——Online Tool 进入靶场 <?phpif (isset($_SERVER[HTTP_X_FORWARDED_FOR])) {$_SERVER[REMOTE_ADDR] $_SERVER[HTTP_X_FORWARDED_FOR]; }if(!isset($_GET[host])) {highlight_file(__FILE__); } else {$host $_GET[host];$host escapeshellarg($host);$host e…...

编程日记 2025/4/30 15:24:39

人工智能数学基础（三）：微积分初步

微积分作为数学的重要分支，为人工智能的发展提供了坚实的理论基础。从理解数据的变化趋势到优化模型参数，微积分的应用贯穿其中。本文将深入探讨微积分的核心概念，并结合 Python 编程实例，助力大家轻松掌握这些关键知识点。资源绑…...

编程日记 2025/4/30 15:23:32

【11408学习记录】考研英语语法核心：倒装句考点全解+真题演练

倒装句英语语法总结——特殊句式倒装全部倒装介词短语形容词副词There be 部分倒装否定副词或词组位于句首only位于句首虚拟条件句省略if 每日一句词汇第一步：找谓语第二步：断句第三步：简化主句定语从句英语语法总结——特殊句式倒装 …...

编程日记 2025/5/10 1:04:28

云数据中心整体规划方案PPT(113页)

1. 引言概述：云数据中心整体规划方案旨在构建弹性、高效的云计算基础设施，通过软件定义数据中心（SDDC）实现资源虚拟化与管理自动化。 2. 技术趋势与背景技术革新：随着云计算、虚拟化及自动化技术的发展&#xff0c…...

编程日记 2025/4/30 15:21:19

java练习4

创建类对象，要求写一个人的类，内容包括： 值：年龄，姓名，家庭身份函数：年龄，姓名修改，家庭身份修改，生孩子 package a01_第一次练习.a04_创建类对象;public cl…...

编程日记 2025/4/30 15:21:19

在VMware上创建Ubuntu虚拟机，与Xshell和Xftp的连接和使用

一、在VMware创建Ubuntu虚拟机 1、创建新的虚拟机 2、新建虚拟机安装导向 1）自定义安装 2）稍后安装操作系统 3）选择Linux和Ubuntu64 4）可自定义虚拟机名称和虚拟机位置 5）选择合适的处理器数量 6）虚拟机…...

编程日记 2025/4/30 15:21:15

Java常用注解通俗解释

注解就像是给Java代码贴的"便利贴"，它们不会改变代码本身的逻辑，但能给编译器、开发工具或运行时环境提供额外信息。下面我用最通俗的方式解释Java中最常用的注解： 一、基础篇：人人必知的注解 1. Override - "我…...

编程日记 2025/4/30 15:19:06

前端性能优化2:结合HTTPS与最佳实践，全面优化你的网站性能

点亮极速体验：结合HTTPS与最佳实践，为你详解网站性能优化的道与术在如今这个信息爆炸、用户耐心极其有限的数字时代，网站的性能早已不是一个可选项，而是关乎生存和发展的核心竞争力。一个迟缓的网站，无异于在数字世界…...

编程日记 2025/4/30 15:18:00

小刚说C语言刷题——1032分糖果

1.题目描述某幼儿园里，有 5 个小朋友编号为 1，2，3，4，5，他们按自己的编号顺序围坐在一张圆桌旁。他们身上都有若干个糖果，现在他们做一个分糖果游戏。从 1 号小朋友开始，将他的糖…...

编程日记 2025/4/30 15:17:59

socket套接字-UDP（下）

socket套接字-UDP（中）https://blog.csdn.net/Small_entreprene/article/details/147567115?fromshareblogdetail&sharetypeblogdetail&sharerId147567115&sharereferPC&sharesourceSmall_entreprene&sharefromfrom_link在我之前搭建…...

编程日记 2025/5/16 8:34:12

使用Docker操作MySQL

在Docker中操作MySQL可以简化数据库的部署和管理过程。以下是详细的步骤，包括如何拉取MySQL镜像、创建容器以及配置远程访问权限。拉取MySQL镜像首先，使用以下命令从Docker Hub拉取MySQL镜像： docker pull mysql你也可以指定版本&#x…...

编程日记 2025/5/2 20:22:55

OpenGL ES 3.0 第二章总结：你好，三角形（Hello Triangle）

—— 从“画出第一个三角形”理解现代图形渲染流程 🔰 写在前面 OpenGL 是一个状态机型的图形 API。第二章《你好，三角形》是整个图形开发的起点，它帮助我们掌握从「准备绘制数据」到「渲染出第一个像素」的完整流程。这一章最核心的任务是…...

编程日记 2025/4/30 15:14:42

neo4j vs python

1.将库中已经存在的两个节点，创建关系。查询库中只有2个独立的节点。方式一，python，使用py2neo库 #coding:utf-8 from py2neo import Graph,Node,Relationship,NodeMatcher##连接neo4j数据库，输入地址、用户名、密码 graph G…...

编程日记 2025/5/7 19:59:04

MIT6.S081-lab7前置

MIT6.S081-lab7前置这部分包含了设备中断和锁的内容设备中断之前系统调用的时候提过 usertrap ，而我们的设备中断，比如计时器中断也会在这里执行，我们可以看看具体的逻辑： void usertrap(void) {int which_dev 0;if((r_sst…...

编程日记 2025/4/30 15:13:38

通过漂移-扩散仿真研究钙钛矿-硅叠层太阳能电池中的电流匹配和滞后行为

引言卤化物钙钛矿作为光活性半导体的出现，为光伏技术的发展开辟了令人振奋的新方向。[1] 除了在单结太阳能电池中的优异表现，目前研究的重点在于将钙钛矿吸收层整合到叠层器件中。在硅-钙钛矿叠层太阳能电池中，将高效的钙钛矿吸收层与成熟的…...

编程日记 2025/5/16 8:21:34

IIC小记

SCL 时钟同步线，由主机发出。当SCL为高电平（逻辑1）时是工作状态，低电平（逻辑0）时是休息状态。SCL可以控制通信的速度。 SDA 数据收发线应答位：前八个工作区间是一个字节，在SCL…...

编程日记 2025/4/30 15:12:28

使用 ECharts 在 Vue3 中柱状图的完整配置解析

一、初始化图表实例 const chart echarts.init(chartRef.value);二、Tooltip 提示配置 tooltip: {trigger: axis,axisPointer: {type: line // 支持 line 或 shadow 类型，指示器样式},backgroundColor: rgba(0,0,0,0.7),textStyle: { color: #fff },formatter: {…...

编程日记 2025/4/30 15:09:15

Ubuntu实现远程文件传输

目录安装 FileZillaUbuntu 配套设置实现文件传输在Ubuntu系统中，实现远程文件传输的方法有多种，常见的包括使用SSH（Secure Shell）的SCP（Secure Copy Protocol）命令、SFTP（SSH File Transfer P…...

编程日记 2025/5/17 15:01:04

AI驱动软件工程：SoftEngine 方法论与 Lynx 平台实践分析

引言在过去数十年中，软件开发领域历经了从瀑布模型到敏捷开发，再到DevOps的深刻变革。然而，面对当今快速变化的市场需求和复杂的软件系统，这些方法仍然显露出明显的局限性。近年来，基于大语言模型（LLM&am…...

编程日记 2025/4/30 15:04:53

Vue基础(一) 基础用法

1.取消生产提示 Vue.config.productionTip false; Vue.config.devtools true; //运行开发调试 2.hello小案例需要注意如下几点： 1.必须要有一个模板，其实就是一个html组件 2.新建一个Vue实例，并且通过el与容器建立绑定关系&#xff0…...

编程日记 2025/4/30 15:03:41