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

ES6入门---第三单元模块一：类、继承

news 来源：原创 2025/7/14 19:01:39

补充：

prototype 属性使您有能力向对象添加属性和方法。
object.prototype.name=value

 <script>function Person(name, age){this.name = name;this.age = age;}/* Person.prototype.showName = function(){return `名字为: ${this.name}`;};Person.prototype.showAge = function(){return `年龄为: ${this.age}`;}; */
//新旧版对比Object.assign(Person.prototype,{ //assign 合并showName(){return `名字为: ${this.name}`;},showAge(){return `年龄为: ${this.age}`;}});let p1 = new Person('Strive', 18);console.log(p1.showName());console.log(p1.showAge());</script>

【ES6】类：ES6里面class没有提升功能，在ES5，用函数模拟可以，默认函数提升

补充：

constructor 属性返回对创建此对象的数组函数的引用。

object.constructor

 class Person{//首字母大写！！！//类：constructor(name,age){ //构造方法(函数), 调用new时自动执行//console.log(`构造函数执行了, ${name}, ${age}`);this.name = name;this.age = age;}showName(){return `名字为: ${this.name}`;}showAge(){return `年龄: ${this.age}`;}}let p1 = new Person('Strive', 18);console.log(p1.showName(), p1.showAge());

快捷定义函数：省打麻烦字
let a = 'strive';let b = 'method';class Person{[a+b](){}}

this很难出错，若出错：矫正函数

1. fn.call(this指向谁, args1, args2....)
2. fn.apply(this指向谁, [args1, args2....])
3. fn.bind()

【get set】class里面取值函数(getter), 存值函数(setter)

例：

 class Person{constructor(){}get aaa(){return `aaa的属性`;}set aaa(val){console.log(`设置aaa属性，值为:${val}`);}}let p1 = new Person();p1.aaa='123';console.log(p1.aaa);

【静态方法】: 就是类身上方法可以直接类名调用不用重新创建json
   static aaa(){

   }

   父类.aaa();

继承：

【老方法】

  //父类function Person(name){this.name = name;}Person.prototype.showName = function(){return `名字是: ${this.name}`;};//子类function Student(name,skill){Person.call(this,name); //继承属性  //使用矫正this函数this.skill = skill;}Student.prototype = new Person(); //继承方法//调用let stu1 = new Student('Strive','逃学');console.log(stu1.showName());

【新】

  //父类class Person{constructor(name){this.name = name;}showName(){return `名字为: ${this.name}`;}}//子类class Student extends Person{constructor(name,skill){//别忘了加上参数super(name);//想写子类自己的构造函数必须super（）把父类construct函数拉过来 this.skill = skill;}showSkill(){return  `哥们儿的技能为: ${this.skill}`;}}//调用let stu1 = new Student('Strive','逃学');console.log(stu1.showSkill());

*子类父类都有同一函数名的函数怎么办？？

【补充】调用父级里函数格式：super.函数名()

例：
//子类class Student extends Person{constructor(name,skill){super(name);this.skill = skill;}showName(){super.showName(); //先父级的方法执行//TODO 可以加做子级事情的其他了console.log('子类里的showName');}showSkill(){return  `哥们儿的技能为: ${this.skill}`;}}
在父级函数基础上加上子级自己的函数！

ES6入门---第三单元模块一：类、继承

补充： prototype 属性使您有能力向对象添加属性和方法。 object.prototype.namevalue <script>function Person(name, age){this.name name;this.age age;}/* Person.prototype.showName function(){return 名字为: ${this.name};};Person.prototype.showA…...

编程日记 2025/7/14 19:01:39

CSS 变量与原生动态主题实现

CSS 变量与原生动态主题实现 CSS 变量基础 CSS 变量（自定义属性）是 CSS 语言的一项强大功能，允许我们在样式表中定义和重用值。与 SCSS 或 LESS 等预处理器中的变量不同，CSS 变量在运行时计算，这意味着它们可以动态更…...

编程日记 2025/7/14 10:32:54

Ubuntu 安装 Docker

安装 Docker 1. 卸载旧版本（如果有） sudo apt-get remove docker docker-engine docker.io containerd runc 2. 更新 APT 包的索引 sudo apt-get update 3. 安装依赖包 sudo apt-get install -y \ca-certificates \curl \gnupg \lsb-release4. 添加…...

编程日记 2025/7/14 18:48:04

SpringMVC——第三章：获取请求数据

假设有这样一个请求：http://localhost:8080/springmvc/register?namezhangsan&password123&emailzhangsanpowernode.com 在SpringMVC中应该如何获取请求提交的数据呢？ 在SpringMVC中又应该如何获取请求头信息呢？ 在SpringMVC中又应…...

编程日记 2025/6/28 20:05:26

动静态库【Linux操作系统】

文章目录动静态库制作静态库如何把第三方库安装在Linux系统中，如何使用第3方库方案一：为什么我们之前使用gcc/g编译C/C标准库的时候不用加选项-l xxx呢？方案二：方案三： 为什么不同平台的库不一样呢？动态库…...

编程日记 2025/7/9 12:28:23

Day 4:牛客周赛Round 91

好久没写了，问题还蛮多的。听说这次是苯环哥哥出题 F题小苯的因子查询思路考虑求因子个数，用质因数分解；奇数因子只需要去掉质数为2的情况，用除法。这里有个比较妙的细节是，提前处理出数字x的最小质因数&#xff0…...

编程日记 2025/6/28 20:05:21

drawDB：打造高效数据库设计流程

drawDB：打造高效数据库设计流程 drawDB 简介资源链接核心功能详解1. 直观的实体关系图设计2. SQL 脚本生成3. SQL 导入功能4. 本地化存储与分享功能5. 自定义主题与外观安装和使用教程本地开发环境搭建构建生产版本Docker 部署基本使用方法应用场景和实际价值适用…...

编程日记 2025/7/10 16:39:34

【心海资源】子比主题新增注册与会员用户展示功能模块及实现方法

内容改写： 本次分享的是子比主题顶部展示注册用户与会员信息的功能模块及其实现方式。你可以通过两种方式启用该功能： 直接在后台进入“外观 → 小工具”启用该展示模块，操作简便；也可将提供的代码覆盖至子比主题目录中&#…...

编程日记 2025/6/29 7:49:24

gitblit安装教程，搭建一个属于自己的Git版本仓库

本章教程，主要记录如何在Windows服务器上利用gitblit搭建GIT私有化仓库。一、gitblit简介官网地址：https://www.gitblit.com/ Gitblit 是一个开源的纯 Java 技术栈，用于管理、查看和服务Git仓库。它主要设计为一款面向希望托管集中式仓库的小型工作组的工具。二、基础环…...

编程日记 2025/6/28 20:05:17

2023年第十四届蓝桥杯省赛B组Java题解【简洁易懂】

2023年第十四届蓝桥杯省赛B组Java题解题型概览与整体分析题目编号题目名称题型难度核心知识点通过率（预估）A阶乘求和结果填空★☆☆模运算、数学规律95%B幸运数字结果填空★★☆进制转换、数位和计算80%C数组分割编程题★★☆组合数学、奇偶性分析65…...

编程日记 2025/6/29 7:57:06

Javase 基础加强 —— 01 异常

本系列为笔者学习Javase的课堂笔记，视频资源为B站黑马程序员出品的《黑马程序员JavaAI智能辅助编程全套视频教程，java零基础入门到大牛一套通关》，章节分布参考视频教程，为同样学习Javase系列课程的同学们提供参考。 01 课程安排…...

编程日记 2025/6/29 7:30:10

iview 表单验证问题 Select 已经选择还是弹验证提示

问题：iview 的 Select 下拉框的时候，数据验证必填，明明选择了数据，却一直提示验证不能通过 html代码： <Form ref"FormData" :model"FormData" :rules"ruleValidate" :label-width&qu…...

编程日记 2025/6/29 8:15:36

OrCAD中离图连接器、端口及网络标签的作用范围与选择指南

一、OrCAD主要连接元素概述在OrCAD Capture原理图设计环境中，有三种主要的网络连接元素：离图连接器(Off-Page Connector)、端口(Port)和网络标签(Net Alias)。理解它们的作用范围和使用场景对设计清晰、可维护的原理图至关重要。 PS： 电源和…...

编程日记 2025/6/29 7:48:36

dpm_sysfs_add

这段代码是 Linux 内核中**设备电源管理（PM）子系统**与 **sysfs 文件系统**交互的核心实现，主要功能是为设备创建电源管理相关的 sysfs 属性文件。以下从五个关键维度进行深度解析： --- ### 一、功能架构全景 mermaid graph TD …...

编程日记 2025/6/29 7:48:47

【AI论文】Phi-4-reasoning技术报告

摘要：我们引入了Phi-4-reasoning，这是一种拥有140亿参数的推理模型，在复杂的推理任务中表现出了强大的性能。通过监督式微调Phi-4，在精心策划的“可教”提示集上进行训练，这些提示集是根据复杂性和多样性的适当水平选…...

编程日记 2025/7/12 6:07:23

Android ART运行时无缝替换Dalvik虚拟机的过程分析

目录一,概述二,dex文件优化一,概述 Android 4.4发布了一个ART运行时，准备用来替换掉之前一直使用的Dalvik虚拟机，希望籍此解决饱受诟病的性能问题。老罗不打算分析ART的实现原理，只是很有兴趣知道ART是如何无缝替换掉原来的Dalvik虚拟机…...

编程日记 2025/6/29 8:06:22

node.js为什么产生？

从官网得知介绍如下 https://nodejs.org/zh-cn/learn/getting-started/introduction-to-nodejs Node.js是一个开源和跨平台的JavaScript运行时环境。 Node.js在浏览器之外运行V8 JavaScript引擎，这是Google Chrome的核心。这使得Node.js具有很高的性能。 Node.js应…...

编程日记 2025/6/29 7:49:26

智能工厂边缘计算：从数据采集到实时决策

智能工厂边缘计算：从数据采集到实时决策引言在智能制造场景中，传统云计算架构面临三大核心挑战：平均200ms的网络延迟无法满足实时控制需求，90%的工业数据未被有效利用，以及每月高达15TB的数据传输成本。边缘计算技术通过将计算能力下沉到数据源头，正在构建"端-边…...

编程日记 2025/6/29 7:13:59

个人健康中枢的多元化AI网络革新与精准健康路径探析

引言随着数字化转型的深入推进，个人健康中枢作为集成化健康管理系统，正在从传统的单一功能向多元化的AI驱动方向快速发展。在这一背景下，新兴网络硬件技术，特别是DPU（数据处理单元）和全光网络的出现，为个人健康中枢的革新提供了前所未有的机遇。本研究将深入探讨这些技…...

编程日记 2025/6/29 5:11:39

前端面试宝典---性能优化

一、加载优化 1. 第三方模块放在CDN 例如 leaflet通过cdn引入，这样就不会占用打包体积了 2. prefetch 预加载例如，之后马上有个场景需要一个图片，我们就可以通过link 的 prefetch 对资源进行预先加载再例如，我们公司是无网络开…...

编程日记 2025/6/29 7:53:02

【Springboot进阶】springboot+mybatis+jsqlparser实现数据权限控制

文章目录 SpringBoot JSqlParser MyBatis 数据权限实现方案一、环境准备1. 添加依赖二、用户上下文管理1. 用户上下文持有类三、数据权限拦截器实现1. MyBatis拦截器核心类四、Spring Security集成1. 用户信息注入五、配置项示例application.yml 六、使用示例1. 业务查询…...

编程日记 2025/7/14 16:38:06

【PostgreSQL数据分析实战：从数据清洗到可视化全流程】2.3 窗口函数与高级聚合（ROW_NUMBER()/RANK()/SUM() OVER()）

👉 点击关注不迷路 👉 点击关注不迷路 👉 点击关注不迷路文章大纲 PostgreSQL窗口函数与高级聚合：从排序到动态分析的全场景应用1. 窗口函数核心概念解析1.1 窗口函数语法结构1.2 核心组成要素2. 排名窗口函数深度解析2.1 ROW_NUMBER()：唯一顺序排名示例演示2.2 `RANK…...

编程日记 2025/6/29 6:38:45

python全自动爬取m3u8网页视频（各类网站都通用）

当前人工智能，大语言模型的火热，使得python这门编程语言的使用越来越广泛。最近也开始学习了python，发现它在自动化方面的确有得天独厚的优势。python的简单易用，丰富的开源库，完善的生态，使得它有可能成为…...

编程日记 2025/6/29 7:53:05

C++负载均衡远程调用学习之上报功能与存储线程池

目录 1. Lars-reportV0.1 report模块介绍 2.Lars-reporterV0.1 reporter项目目录构建 3.Lars-ReporterV0.1 数据表和proto协议环境搭建 4.Lars-ReporterV0.1上报请求业务处理 5.Lars-ReporterV0.1上报请求模块的测试 6.Lars-ReporterV0.2开辟存储线程池-网络存储分离 1. L…...

编程日记 2025/7/3 20:28:29

今天python练习题

目录一、每日一言二、练习题三、效果展示四、下次题目五、总结一、每日一言不要害怕失败，失败可能成为我们前进的动力！ 二、练习题有列表lst [[1,2,3],[4,5,6],[7,8,9]],取出其中的元素1/5/9组成新的列表 # 有列表lst [[1,2,3],[4,5,6],[…...

编程日记 2025/6/29 5:20:20

【leetcode100】最长递增子序列

1、题目描述给你一个整数数组 nums ，找到其中最长严格递增子序列的长度。子序列是由数组派生而来的序列，删除（或不删除）数组中的元素而不改变其余元素的顺序。例如，[3,6,2,7] 是数组 [0,3,1,6,2,2,7] 的子序列。 …...

编程日记 2025/6/29 8:45:30

R绘图|3分钟复现瑞士“苏黎世大学”Nature全球地图——基于R包ggplot2+sf等

一、引言本文我们复现苏黎世大学团队Franois Keck等在Nature最新文章“The global human impact on biodiversity”中的全球地图。之前的图纸是在平面坐标系里面进行绘制，本次我们在罗宾逊投影中进行绘制。整体代码逻辑非常简单，就是采样点坐标系的转换…...

编程日记 2025/6/29 7:38:22

百度系列产品学习

1.react-bmapgl封装逻辑 Map 分析react-bmapgl库中Map组件的封装流程，并以mermaid图展示。首先分析Map组件的核心实现，包括生命周期方法和子组件渲染逻辑。然后研究WrapperHOC和Component基类的封装模式，理解事件绑定和属性处理的通用逻辑。…...

编程日记 2025/6/29 5:38:10

高等数学第三章---微分中值定理与导数的应用（3.4~3.5）

3.4 函数的单调性与曲线的凹凸性一、函数的单调性 1. 函数单调性定义回顾设函数 f ( x ) f(x) f(x) 的定义域为 D D D，区间 I ⊆ D I \subseteq D I⊆D。如果对任意 x 1 , x 2 ∈ I x_1, x_2 \in I x1,x2∈I，当 x 1 < x 2 x_1 < x…...

编程日记 2025/7/7 18:14:13

idea结合CopilotChat进行样式调整实践

一、前言： 本文主要分享在前端开发中借助AI能力调整样式，提高开发效率对应视频【idea结合CopilotChat进行样式调整实践-哔哩哔哩】二、实践： 2-1、现状确认： 表格上方新增了button、swtich、select组件，需要调整…...

编程日记 2025/6/29 6:48:56

668SJBH报刊发行系统

1 前言随着我国信息产业的迅猛发展，手工管理方式已不适应社务管理的要求，报社的日常管理正面临着信息化的挑战，采用计算机管理以提高服务质量和管理水平势在必行。发行管理是社务管理的一个重要组成部分，是报社和客户联系的纽带…...

编程日记 2025/7/11 15:28:10

格式化字符串漏洞

原理在c中，printf函数在打印输出变量时通常不是直接输出，而是用一个占位符如%s printf("the number is %d\n",a);//通常用 printf(a);//而不是直接输出虽然直接输出也没有太大的问题，但如果用格式化输出，没有给后面…...

编程日记 2025/6/29 7:35:40

如何查看电脑IP地址和归属地：全面指南

在数字化时代，了解自己电脑的IP地址和归属地信息变得越来越重要。无论是进行网络故障排查、远程办公设置，还是出于网络安全考虑，掌握这些基本信息都很有必要。本文将详细介绍如何查看电脑的公网IP、内网IP以及归属地信息，并提供常…...

编程日记 2025/6/29 6:58:46

深入解析 MQTT 协议：物联网通信的基石

在当今物联网蓬勃发展的时代，设备之间高效、可靠的通信变得至关重要。MQTT（Message Queuing Telemetry Transport）协议，作为一种轻量级的消息传输协议，正逐渐成为物联网通信的基石，广泛应用于各种场景中。 …...

编程日记 2025/7/13 9:28:46

48变现干货：分销裂变方式提高销量

产品运营活动中，我们可以根据对产品属性和特性，进行选择特定的方法，分销便是一种低成本各方获利的行为之一，但并不一定100%适用所有产品。分销及裂变的概念 “分销”是指通过用户、达人、KOL等非官方渠道，参与产品的推广与销售，并获得相应收益的机制。它是一种以奖励为…...

编程日记 2025/7/6 20:25:14

AI入门：Prompt提示词写法

提示词（Prompt）是人与AI沟通的桥梁，它不是冰冷的代码指令，而是一场充满智慧与温度的对话。掌握精妙的提示词撰写技巧，能让AI更精准地理解需求，高效输出理想结果。其核心就在于——将AI视作身边真实的朋友、…...

编程日记 2025/6/28 20:05:15

MySQL复合查询全解析：从基础到多表关联与高级技巧

前言： 本文主要讲解了在MySQL中的复合查询，下面是关于本文章所需要数据的建表语句创建表的语句： DROP database IF EXISTS scott; CREATE database IF NOT EXISTS scott DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;USE scott;D…...

编程日记 2025/6/29 6:54:36

移动 Trae 目录到 E 盘 - 解决 C 盘空间不足问题

移动 Trae 目录到 E 盘 - 解决 C 盘空间不足问题 1️⃣ 准备工作2️⃣ 移动原始文件夹3️⃣ 创建符号链接4️⃣ 清理原始文件夹5️⃣ 验证操作📝 注意事项🔄 常见问题排查1️⃣ 准备工作关闭 Trae 程序：确保所有 Trae 相关进程已完全退出（包括后台服务）。创建目标文件夹…...

编程日记 2025/6/29 8:09:39

【AI论文】COMPACT：从原子级到复杂级的组合式视觉能力调优

摘要：多模态大语言模型（MLLM）擅长简单的视觉语言任务，但在面对需要多种能力的复杂任务时却很吃力，例如同时识别物体、计算数量和理解它们的空间关系。这可能部分是由于视觉指令调整（VIT）这一ML…...

编程日记 2025/6/29 6:55:47

【leetcode】队列 + 宽搜，树形结构层序遍历的基础与变化

前言 🌟🌟本期讲解关于力扣的几篇题解的详细介绍~~~ 🌈感兴趣的小伙伴看一看小编主页：GGBondlctrl-CSDN博客 🔥 你的点赞就是小编不断更新的最大动力 🎆那么废话不…...

编程日记 2025/6/29 5:11:41

Spring AI聊天模型API：轻松构建智能聊天交互

Spring AI聊天模型API：轻松构建智能聊天交互前言在当今数字化时代，智能聊天功能已成为众多应用程序提升用户体验、增强交互性的关键要素。Spring AI的聊天模型API为开发者提供了一条便捷通道，能够将强大的AI驱动的聊天完成功能无缝集成到…...

编程日记 2025/7/12 11:45:37

力扣-链表-2 两数相加

思路两个指针同时遍历，维护一个进位值，同时还要维护第一个链表的前序，如果第二个链表比第一个长的时候，利用这个前序指针把第二个链表多余的内容，添加到第一个链表的末尾代码 class Solution {public ListNode ad…...

编程日记 2025/6/29 5:54:33

leetcode 59. 螺旋矩阵 II

题目描述代码： class Solution { public:vector<vector<int>> generateMatrix(int n) {vector<vector<int>> res(n,vector<int>(n,0));int num 1;int len n;int start 0;while(len > 0){int row start;int column start;if…...

编程日记 2025/6/29 5:11:44

【操作系统】深入理解内存管理：从虚拟内存到OOM Killer

引言在现代计算机系统中，内存管理是操作系统最核心的功能之一。本文将围绕内存管理的几个关键概念展开讨论，包括虚拟内存机制、内存分配原理、OOM Killer的工作机制以及不同系统架构下的内存限制。虚拟内存：突破物理限制的关键技术虚拟…...

编程日记 2025/7/4 6:02:36

《政治最后的日子》章节

政治与中世纪教会的类比性衰落作者提出现代民族国家正重复中世纪教会的衰落轨迹： 两者均曾作为社会组织核心存在约5个世纪晚期都成为生产力阻碍（中世纪教会税收负担/现代国家官僚低效） 末期均出现管理者普遍腐败与公众蔑视（…...

编程日记 2025/6/29 6:40:05

Rust Trait 学习

概述特征（trait）是rust中的概念，类似于其他语言中的接口（interface）。特征定义了一个可以被共享的行为，只要实现了特征，你就能使用该行为。如果不同的类型具有相同的行为，那么我们…...

编程日记 2025/6/29 6:48:54

基于开源链动2+1模式AI智能名片S2B2C商城小程序的爆品力构建研究

摘要：在兴趣电商生态中，爆品力已成为品牌实现指数级增长的核心竞争力。本文以开源链动21模式AI智能名片S2B2C商城小程序为技术载体，结合抖音平台的内容传播特性，提出“需求挖掘-技术赋能-内容转化”三位一体的爆品力构建模型。通过…...

编程日记 2025/7/11 19:14:31

【SimSession 】2：PacedReceiver:支持与 PacedVideoSender 本地联调

单独的基于libuv的发送能力，如何进一步在SimSession内集成使用？打算进行本地模拟俩线程，发送和接收，进行测试：单独的发送测试【SimSession】1：将视频发送逻辑与 libuv 事件循环集成是一个典型的并发设计问题分析后，D:\XTRANS\thunderbolt\ayame\zhb-bifrost\player-…...

编程日记 2025/6/29 5:29:26

5 什么情况下需要微调

这个问题其实很重要，因为现代大模型训练出来已经非常强大，可能真的不需要微调。我们可以通过 RAG 或提示词工程来实现目标。需要微调的场景与替代方案分析微调(Fine-tuning)确实不是所有场景都必需的，特别是考虑到现代大型语言模型(LLM…...

编程日记 2025/6/29 7:51:06

Docker 渡渡鸟镜像同步站使用教程

Docker 渡渡鸟镜像同步站使用教程 🚀 介绍 Docker.aityp.com（渡渡鸟镜像同步站）是一个专注于为国内开发者提供 Docker 镜像加速和同步服务的平台。它通过同步官方镜像源（如 Docker Hub、GCR、GHCR 等），为…...

编程日记 2025/6/28 20:05:12

相关文章：