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

ES6的`class`中，`super`关键字在构造函数和非构造函数中的行为有何不同？

news 来源：原创 2025/8/22 23:13:28

在 ES6 的 class 中，super 关键字的行为在 构造函数 和 非构造函数（普通方法） 中有显著区别，主要体现在以下方面：

1. 构造函数中的 super

行为规则

  1. 必须显式调用：
    在子类的构造函数中，必须先调用 super()，才能使用 this。否则会抛出错误：

    class Child extends Parent {constructor() {this.name = "Alice"; // ❌ 错误：Must call super constructor in derived classsuper();}
}

  2. super 作为函数调用：
    super() 的作用是调用父类的构造函数，并初始化子类实例的 this。

    • 参数需传递给父类构造函数。
    • 相当于 Parent.prototype.constructor.call(this, ...args)。

  3. 调用顺序：
    super() 必须位于构造函数的最顶部（在访问 this 之前）。

示例
class Parent {constructor(name) {this.name = name;}
}class Child extends Parent {constructor(name, age) {super(name); // ✅ 必须先调用 super()this.age = age;}
}const child = new Child("Alice", 10);
console.log(child.name); // "Alice"
console.log(child.age);  // 10

2. 非构造函数中的 super（普通方法）

行为规则

  1. super 作为对象使用：
    在普通方法中，super 指向 父类原型（Parent.prototype），用于调用父类方法。

    • super.method() 等价于 Parent.prototype.method.call(this)。

  2. 可调用父类原型方法：
    通过 super 可以访问父类原型上定义的方法，但无法直接访问父类实例属性。

  3. 无需强制调用顺序：
    可以在方法内任意位置使用 super，无需在访问 this 之前调用。

示例
class Parent {sayHello() {console.log("Hello from Parent");}
}class Child extends Parent {sayHello() {super.sayHello(); // ✅ 调用父类方法console.log("Hello from Child");}
}const child = new Child();
child.sayHello(); 
// 输出：
// "Hello from Parent"
// "Hello from Child"

关键区别总结

特性构造函数中的 super非构造函数中的 super
调用形式必须作为函数调用（super()）作为对象调用（super.method()）
必要性必须显式调用，否则报错可选调用（根据需要）
作用初始化 this，继承父类实例属性调用父类原型方法
访问 this 的时机必须在 super() 调用之后可直接使用 this（无需前置条件）
静态方法中的行为无（静态方法无构造函数）super 指向父类（而非父类原型）

静态方法中的 super

在静态方法中，super 指向 父类本身，而非父类原型：

class Parent {static staticMethod() {console.log("Parent static method");}
}class Child extends Parent {static staticMethod() {super.staticMethod(); // 调用父类的静态方法console.log("Child static method");}
}Child.staticMethod(); 
// 输出：
// "Parent static method"
// "Child static method"

常见错误场景

1. 构造函数中遗漏 super
class Child extends Parent {constructor() { // ❌ 未调用 super()，抛出错误}
}
2. 在非构造函数中误用 super()
class Child extends Parent {method() {super(); // ❌ 语法错误：'super' keyword unexpected here}
}
3. 错误访问父类实例属性
class Parent {constructor() {this.value = 42;}
}class Child extends Parent {getValue() {return super.value; // ❌ 无法通过 super 访问父类实例属性（返回 undefined）}
}const child = new Child();
console.log(child.getValue()); // undefined

总结

  • 构造函数中的 super：
    强制调用，用于初始化 this，确保父类实例属性正确继承。
  • 非构造函数中的 super：
    用于调用父类原型方法，无需强制顺序，但需注意 super 的指向。
  • 静态方法中的 super：
    指向父类本身，用于调用父类静态方法。

相关文章：

ES6的`class`中，`super`关键字在构造函数和非构造函数中的行为有何不同？

在 ES6 的 class 中，super 关键字的行为在 构造函数 和 非构造函数（普通方法） 中有显著区别，主要体现在以下方面： 1. 构造函数中的 super 行为规则 必须显式调用： 在子类的构造函数中，必须先调…...

编程日记 2025/8/22 23:13:28

从 BI 与 SQL2API 的差异，看数据技术的多元发展路径

在数据驱动的商业世界里，商业智能（BI）与 SQL2API 如同两颗闪耀的星星，各自散发着独特的光芒。BI 早已在企业中广泛应用，成为数据分析领域的中流砥柱；而 SQL2API 作为新兴技术，虽潜力巨大&#x…...

编程日记 2025/8/19 5:12:27

UNet脑瘤医学影像分割训练实战（PyTorch 完整代码）

UNet是一种基于卷积神经网络（CNN）的医学影像分割模型，由Ronneberger等人于2015年提出。本文我们将简要介绍基于PyTorch框架，使用UNet模型在脑瘤医学影像分割数据集上进行训练，同时通过SwanLab监控训练过程，…...

编程日记 2025/8/21 10:11:07

MySQL事务隔离级别详解

MySQL事务隔离级别详解 1. 基本概念 1.1 什么是事务隔离级别？ 事务隔离级别是数据库管理系统为了保证数据一致性，在多个事务并发访问时提供的不同级别的保护机制。 1.2 事务并发问题 脏读（Dirty Read）： 一个事务读…...

编程日记 2025/8/17 18:29:04

2025年K8s最新高频面试题

目录 Kubernetes的核心组件有哪些，各自作用是什么？ Pod和Deployment的区别？ Service有哪些类型，分别适用于什么场景？ ConfigMap和Secret有什么区别？ StatefulSet 和 Deployment 的主要区别是什么？ 什么是 Ingress，有哪些常用实现方式? 如何限制 Kubernetes 中 Pod …...

编程日记 2025/8/19 12:52:17

CobaltStrike

概述 Cobalt Strike是⼀款基于java的渗透测试神器，常被业界⼈称为CS神器。⾃3.0以后已经不在使用 Metasploit框架⽽作为⼀个独⽴的平台使用，分为客户端与服务端，服务端是⼀个，客户端可以有 多个，⾮常适合团队协同作战…...

编程日记 2025/8/19 23:00:46

Web前端 （CSS篇）

什么是CSS？ css(Cascading Style Sheets)是层叠样式表或级联样式表，是一组设置规则，用于控制web页面外观。 为什么使用CSS? CSS 用于定义网页的样式，包括针对不同设备和屏幕尺寸的设计和布局。 CSS 实例 body {background-col…...

编程日记 2025/8/20 16:05:13

回归测试中常见的问题：如何避免“越改越错“的陷阱

修复一个Bug，引入三个新Bug "我们只是改了个小功能，为什么整个系统都出问题了？"——这是回归测试失败的典型症状。据IBM研究显示，约40%的线上缺陷源自不充分的回归测试。本文将深入剖析回归测试中的常见陷阱&#xff0…...

编程日记 2025/8/21 5:32:07

红宝书第四十六讲：Node.js基础与API设计解析

红宝书第四十六讲：Node.js基础与API设计解析 资料取自《JavaScript高级程序设计（第5版）》。 查看总目录：红宝书学习大纲 一、Node.js基础概念 1. 流（Streams）的核心地位 12 Node.js的文件读写和网络通信依…...

编程日记 2025/8/21 19:22:42

IT运维常用的软件工具有哪些

IT运维常用的软件工具主要包括：监控工具、自动化运维工具、日志管理工具、网络管理工具、资产管理工具、服务台工具。这些工具分别用于保障IT系统稳定运行、提升运维效率、快速响应故障。其中，监控工具至关重要，它能实时监测系统运行状态、资…...

编程日记 2025/8/17 8:52:52

eplan许可证迁移到其他计算机

随着电气设计项目的不断扩大和变更，您可能需要将EPLAN许可证从一台计算机迁移到另一台计算机上。然而，在迁移过程中，确保您的软件始终保持最佳状态至关重要。本文将为您提供一份详尽的EPLAN许可证迁移指南，帮助您轻松完成这一操作…...

编程日记 2025/8/19 21:57:32

服务器部署静态页面

前言 需要先下载nginx，然后上传你的静态网页文件，最后设置nginx展示静态页面 安装nginx 第一步：在服务器上下载nginx服务 sudo dnf install nginx 第二步：启动nginx sudo systemctl start nginx 第三步：验证ngin…...

编程日记 2025/8/16 19:10:23

Spring boot 知识整理

一、SpringBoot 背景内容梳理 SpringBoot是一个基于Spring框架的开源框架，用于简化Spring应用程序的初始搭建和开发过程。它通过提供约定优于配置的方式，尽可能减少开发者的工作量，使得开发Spring应用变得更加快速、便捷和高效。 SpringBoot…...

编程日记 2025/8/22 5:07:10

软件测试面试题汇总---实时更新

1. java垃圾回收机制 2. 类为什么不能多继承，而接口可以 参考为什么类之间只能单继承不能多继承，接口之间可以多继承，类与接口之间可以多实现_内部可以多继承而接口可以多实现-CSDN博客 3. java面向对象的三大特性 继承、封装、多态 4. …...

编程日记 2025/8/21 21:29:43

2025海外代理IP测评：Bright Data，ipfoxy，smartproxy，ipipgo，kookeey，ipidea哪个值得推荐？

近年来，随着全球化和跨境业务需求的不断扩大“海外代理IP”逐渐成为企业和个人在多样化场景中的重要工具。无论是进行数据采集、广告验证、社交媒体管理，还是跨境电商平台运营，选择合适的代理IP服务商都显得尤为重要。然而，市场上…...

编程日记 2025/8/19 17:04:33

蓝桥杯 8. 分巧克力

分巧克力 原题目链接 问题描述 儿童节那天有 K 位小朋友到小明家做客。小明拿出了珍藏的巧克力招待小朋友们。 小明一共有 N 块巧克力，其中第 i 块是 Hᵢ Wᵢ 的长方形。为了公平起见，小明需要从这 N 块巧克力中切出 K 块巧克力分给小朋友们。 要求…...

编程日记 2025/8/17 18:28:45

计算机组成原理—————计算机运算方法精讲＜3＞反码及移码的表示

第一部分：反码表示法 这里我们直接给出整数反码的计算公式 我们实际计算中其实不用死记硬背公式，小编在这里介绍一下求反码的秒杀技 反码秒杀技：定号取反 第一步：确定符号位是0还是1 第二步：符号位不变&#xff0c…...

编程日记 2025/8/21 2:13:52

关于STM32创建工程文件启动文件选择

注意启动文件只要选择这几个 而不是要把所有都选上...

编程日记 2025/8/21 16:09:22

FC-4 mapping映射协议VI、hippi、fhcp、scma表示啥意思

FC-4 mapping映射协议VI、hippi、fhcp、scma表示啥意思 1.FC-4 Upper layer protocol协议映射层，定义了光纤通道和上层应用，包括FPGA/ARM 或者其他上层应用之间的接口。上层应用协议包括：串行scsi协议，fcp-scsi协议， f…...

编程日记 2025/8/20 16:59:06

15、stack、queue、deque的模拟实现

一、stack 1、stack的使用 请看这篇文章 2、stack的原理 这篇文章的栈原理讲的不错，并且有链式栈和顺序栈的创建，还有栈常使用的场景，没有数据结构基础的可以看，并且实现一下他的2种栈。 3、stack的实现 3.1、成员变量 这里…...

编程日记 2025/8/19 2:47:07

GR00T N1：面向通用类人机器人的开放基础模型

摘要 通用型机器人需要具备多功能的身体和智能的大脑。近年来，类人机器人的发展在构建人类世界中的通用自主性硬件平台方面展现出巨大潜力。一个经过大量多样化数据源训练的机器人基础模型，对于使机器人能够推理新情况、稳健处理现实世界的多变性以及快…...

编程日记 2025/8/19 9:39:30

保姆级教程：RK3588部署yolo目标检测模型

本文用到的板卡设备为鲁班猫4（LubanCat-4），瑞芯微rk3588系列处理器。 官方文档写的挺详细了，但是版本太多不统一，而且涉及了多个代码仓库，稍显杂乱。本着最少代码原则，仅需下载一个代码仓库&am…...

编程日记 2025/8/22 8:04:46

【含文档+PPT+源码】物联网车辆GPS定位管理系统【

项目视频介绍： 毕业作品物联台云平台的设计与实现 课程简介： 本课程演示的是一款物联网车辆GPS定位管理系统，主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的 Java 学习者。 1.包含：项目源码、项目文档、数据库脚…...

编程日记 2025/8/21 4:32:03

热烈祝贺“中芯机械”选择使用订单日记

感谢潍坊中芯机械制造有限公司选择使用订单日记！ 潍坊中芯机械制造有限公司，成立于2023年，位于山东省潍坊市，是一家以从事生产、销售农业机械、汽车配件、机械电气设备等业务为主的企业。 在业务不断壮大的过程中，想…...

编程日记 2025/8/19 23:18:47

2025年保安员考试题库及答案

一、单选题 81、保安员张某和李某在火车站巡逻时，发现一男青年神色慌张，行为诡秘，这两名保安员识别这一可疑情况使用的方法是（）。 A.查问法 B.直接观察法 C.判断法 D.视觉判断法 答案：B 82、某天&…...

编程日记 2025/8/19 16:17:48

ADB的安装及抓取日志（1）

一、简介 ADB（Android Debug Bridge）是一个通用命令行工具，允许你与 Android 设备进行通信。它主要用于开发和调试目的，但也可用于其他多种功能，如安装应用、运行 shell 命令、查看日志等。ADB 是 Android SDK 的一部…...

编程日记 2025/8/20 22:23:57

用 Iris数据做决策树分析

文章目录 Iris数据的准备1.直接从sklearn.datasets 加载或转化成文件已备本地使用2.可以在https://archive.ics.uci.edu/dataset/53/iris下载 过程示例代码如下生成的决策树如下：生成的分析报告如下： 决策树模型分析报告1. 模型性能2. 特征重要性3. 决策…...

编程日记 2025/8/18 13:56:45

【Bluedroid】A2DP Sink播放流程源码分析(三)

AVCTP消息处理 avrc_msg_cback /packages/modules/Bluetooth/system/stack/avrc/avrc_api.cc /******************************************************************************** Function avrc_msg_cback** Description This is the callback function used…...

编程日记 2025/8/19 19:08:59

概念实践极速入门 - 常用的设计模式 - 简单生活例子

概念实践极速入门 - 常用的设计模式 - 简单生活例子 SOLID 五大设计原则的首字母缩写 单一职责原则 和 开闭原则 就省略啦, 这两个概念很简单, 为了写而写反而容易误导人~* 鼓励大家字面理解！ // 哎呀还是解释吧 单一(S): 单干一件事; 开闭(O): 拓展开放, 修改关…...

编程日记 2025/8/17 19:51:32

postgres 数据库信息解读 与 sqlshell常用指令介绍

数据库信息： sqlshell Server [localhost]: 192.168.30.101 Database [postgres]: Port [5432]: 5432 Username [postgres]: 用户 postgres 的口令： psql (15.12, 服务器 16.8 (Debian 16.8-1.pgdg1201)) 警告：psql 主版本15,服务器主版本为…...

编程日记 2025/8/19 1:22:10

映射网络路路径和ftp路径原理是什么，如何使用，有什么区别

文章目录 一、原理1. 映射网络路径2. FTP路径 二、使用方法1. 映射网络路径2. FTP路径 三、主要区别1. 协议与功能2. 安全性与权限3. 适用场景 四、如何选择？五、注意事项 映射网络路径（如SMB/CIFS或NFS）和FTP路径（FTP/FTPS/SFTP&…...

编程日记 2025/8/19 4:36:44

微服务3--服务容错

前言：本篇主要介绍服务容错与Sentinel进行限流。 高并发带来的问题 在微服务架构中，我们将业务拆分为一个个的服务，服务与服务之间都可以相互调用，但是由于网络或者说服务器本身的问题，服务不能保证100%可用&#xff…...

编程日记 2025/8/20 3:57:02

4.15redis点评项目下

--->接redis点评项目上 Redis优化秒杀方案 下单流程为：用户请求nginx--->访问tomcat--->查询优惠券--->判断秒杀库存是否足够--->查询订单--->校验是否是一人一单--->扣减库存--->创建订单 以上流程如果要串行执行耗时会很多&#xff0c…...

编程日记 2025/8/21 9:01:14

Web开发-JavaEE应用原生和FastJson反序列化URLDNS链JDBC链Gadget手搓

知识点： 1、安全开发-JavaEE-原生序列化-URLDNS链分析 2、安全开发-JavaEE-FastJson-JdbcRowSetImpl链分析 利用链也叫"gadget chains"，我们通常称为gadget： 1、共同条件：实现Serializable或者Externalizable接口&…...

编程日记 2025/8/19 6:00:28

坚持每日Codeforces三题挑战：Day 3 - 题目详解（2024-04-16，难度：900, 1200, 1200）

每天坚持写三道题第三天 （今天写点简单的，剩下去刷力扣了） 今日题目: Problem - B - Codeforces 900 Problem - B - Codeforces 1300 Problem - D - Codeforces 1400 题目一: Problem - B - Codeforces 题目大意: 给你一个数组,每次操…...

编程日记 2025/8/20 13:06:47

MySQL5.7递归查询

向下递归查询 SELECT ID,NAME,PARENT_ID,LEVEL_FROM(SELECT ID AS _IDS,(SELECT ID : GROUP_CONCAT(ID)FROM TREE_TABLE WHERE FIND_IN_SET(PARENT_ID,ID) > 0AND REMOVE N) T1,L : L 1 AS LEVEL_FROM TREE_TABLE,(SELECT ID : start, L: 0) T2WHERE ID IS NOT NULL) T3,…...

编程日记 2025/8/17 18:29:06

半导体设备通信标准—secsgem v0.3.0版本使用说明文档(2)之GEM(SEMI 30)

文章目录 1、处理器1.1、事件 2、GEM 合规性2.1、状态模型2.2、 设备加工状态2.3、 文档2.4、 控制 （作员启动）2.5、 动态事件报告配置2.6、 跟踪数据收集2.7、 报警管理2.8、 远程控制2.9、 设备常量2.10、 工艺配方管理2.11、 物料移动2.12、 设备终端…...

编程日记 2025/8/17 21:32:38

C++异步编程从入门到精通实战：全面指南与实战案例

C异步编程从入门到精通实战：全面指南与实战案例 在当今多核处理器普及的时代，异步编程成为了提升程序性能和响应能力的关键技术。无论是在高频交易系统、实时游戏引擎，还是网络服务器和大型数据处理平台，异步编程都发挥着至关重要…...

编程日记 2025/8/17 18:29:27

驱动开发硬核特训 · Day 13：从 device_create 到 sysfs，设备文件是如何生成的？

🔍 B站相应的视屏教程： 📌 内核：博文视频 - 备树深度解析：理论 实践全指南（含 of 函数与 i.MX8MP 实例） 敬请关注，记得标为原始粉丝。 🔧 📌 本文目标&#…...

编程日记 2025/8/16 20:38:37

肾脏系统触发 “数据包泄漏“ (血尿)与 “元数据校验异常“(蛋白尿)

肾脏系统触发 "数据包泄漏" (血尿)与 "元数据校验异常"(蛋白尿) 用计算机术语来类比。在之前的对话中，肾小球被比作防火墙或过滤器，肾小管则是回收系统。红细胞泄漏通常是因为肾小球的过滤屏障受损，而蛋白尿则可能与肾小…...

编程日记 2025/8/22 2:22:33

密码学（二）流密码

2.1流密码的基本概念 流密码的基本思想是利用密钥 k 产生一个密钥流...，并使用如下规则对明文串 ... 加密：。密钥流由密钥流发生器产生： ，这里是加密器中的记忆元件（存储器）在时刻 i 的状态&#xff0c…...

编程日记 2025/8/22 9:49:55

Python 趣味学习 -数据类型脱口秀速记公式 [特殊字符]

🎤 Python数据类型脱口秀速记公式 🐍 1️⃣ 四大金刚登场 "Set叔(无序洁癖)、Tuple爷(顽固老头)、List姐(百变女王)、Dict哥(万能钥匙)"2️⃣ 特性对比RAP 🎶 内存/作用域： 全局变量 → 函数内修改 → 可变(mutable)会…...

编程日记 2025/8/17 10:25:27

嵌入式Linux设备使用Go语言快速构建Web服务，实现设备参数配置管理方案探究

本文探讨，利用Go语言及gin框架在嵌入式Linux设备上高效搭建Web服务器，以实现设备参数的网页配置。通过gin框架，我们可以在几分钟内创建一个功能完善的管理界面，方便对诸如集中器，集线器等没有界面的嵌入式设备的管理。…...

编程日记 2025/8/20 4:10:00

波束形成（BF）从算法仿真到工程源码实现-第十二节-总结

一、总结 （1）基于webrtc的非线性波束形成效果较好，复杂度较低，但是波束形成后引入了非线性，导致噪声估计不准确，降噪效果变差。 （2）MVDR使用噪声协方差矩阵对平稳噪声降噪效果比较…...

编程日记 2025/8/17 6:33:13

【AI】IDEA 集成 AI 工具的背景与意义

一、IDEA 集成 AI 工具的背景与意义 随着人工智能技术的迅猛发展，尤其是大语言模型的不断演进，软件开发行业也迎来了智能化变革的浪潮。对于开发者而言，日常工作中面临着诸多挑战，如代码编写的重复性劳动、复杂逻辑的实现、代码质…...

编程日记 2025/8/17 8:52:54

解释原型链的概念，并说明`Object.prototype.__proto__`的值是什么？

原型链是 JavaScript 中实现继承的核心机制。每个对象都有一个指向其原型对象的私有链接（通过 [[Prototype]] 内部属性），而原型对象自身也可能拥有原型，这种链式结构被称为原型链。当访问对象的属性时，若对象自身不存在…...

编程日记 2025/8/17 21:31:45

prototype`和`__proto__`有什么区别？如何手动修改一个对象的原型？

在 JavaScript 中，prototype 和 __proto__ 都与原型链相关，但它们的角色和用途有本质区别： 1. prototype 和 __proto__ 的区别 特性prototype__proto__归属对象仅函数对象拥有（如构造函数）所有对象默认拥有&#xff0…...

编程日记 2025/8/20 1:51:21

数据挖掘案例-电力负荷预测

今日课程 时间序列预测介绍 电力负荷预测项目开发（开发一个基于时间以及历史负荷信息，预测未来负荷的模型） 一、时间序列预测简介 1.什么是时序预测 时间序列预测是一种根据历史时间序列数据来预测未来值的方法。 任务比较好理解&#…...

编程日记 2025/8/17 20:30:46

SQL Server中OPENJSON + WITH 来解析JSON

一、概念 OPENJSON 是 SQL Server（2016 及更高版本） 中引入的一个表值函数，它将 JSON 文本转换为行和列的关系型数据结构。通过添加 WITH 子句，可以明确指定返回数据的结构和类型，实现 JSON 数据到表格数据的精确映射…...

编程日记 2025/8/17 21:41:20

在 Linux 中判断当前网络类型与网卡类型的实用方法（内外网判断 + 网卡分类）

在日常使用 Linux（例如 Jetson、树莓派、服务器）过程中，我们经常会遇到以下几个问题： 如何知道系统当前是走 有线网络还是无线网络？如何判断是连接了 公网还是内网？169.254.x.x 是什么？为什么我…...

编程日记 2025/8/17 21:17:29