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

【TS学习】（22）什么是混入

news 来源：原创 2025/9/17 11:23:26

在 TypeScript 中，混入（Mixins） 是一种设计模式，用于将多个类的功能组合到一个类中。它是一种实现代码复用的方式，尤其适用于需要从多个来源继承功能的场景。TypeScript 不直接支持多继承，但可以通过混入模式实现类似的效果。

1. 混入的基本概念

(1) 定义

混入是一种将多个类的功能组合到一个类中的方式。
它通过将一个类的属性和方法复制到另一个类来实现功能的复用。

(2) 核心思想

混入利用 JavaScript 的原型链机制，动态地将一个类的功能“混合”到另一个类中。
在 TypeScript 中，混入通常通过函数实现。

2. 实现混入的基本步骤

(1) 定义基础类

基础类是混入的目标类，通常是空的或包含少量初始功能。

(2) 定义混入类

混入类包含一组特定的功能，这些功能可以被其他类复用。

(3) 应用混入

使用一个混入函数，将混入类的功能复制到基础类中。

3. 示例：简单的混入

以下是一个简单的混入示例，展示了如何将两个混入类的功能组合到一个目标类中。

示例代码

// 混入类 1：添加日志功能
class LogMixin {log(message: string): void {console.log(`[LOG]: ${message}`);}
}// 混入类 2：添加时间戳功能
class TimestampMixin {getTimestamp(): string {return new Date().toISOString();}
}// 混入函数
function applyMixins(targetClass: any, baseClasses: any[]): void {baseClasses.forEach((baseClass) => {Object.getOwnPropertyNames(baseClass.prototype).forEach((name) => {if (name !== "constructor") {targetClass.prototype[name] = baseClass.prototype[name];}});});
}// 目标类
class MyClass {}// 应用混入
applyMixins(MyClass, [LogMixin, TimestampMixin]);// 使用混入后的类
const instance = new MyClass();
instance.log("This is a log message"); // 输出 "[LOG]: This is a log message"
console.log(instance.getTimestamp()); // 输出当前时间戳

在这里：

LogMixin 和 TimestampMixin 是两个混入类，分别提供日志功能和时间戳功能。
applyMixins 函数将混入类的功能复制到目标类 MyClass 中。

4. 复杂示例：组合多个功能

以下是一个更复杂的示例，展示了如何通过混入实现多个功能的组合。

示例代码

// 混入类 1：添加可序列化功能
class Serializable {serialize(): string {return JSON.stringify(this);}deserialize(json: string): void {const data = JSON.parse(json);Object.assign(this, data);}
}// 混入类 2：添加验证功能
class Validatable {validate(): boolean {return !!this["isValid"] && this["isValid"]();}
}// 混入类 3：添加事件监听功能
class EventEmitter {private events: { [key: string]: Function[] } = {};on(event: string, listener: Function): void {if (!this.events[event]) {this.events[event] = [];}this.events[event].push(listener);}emit(event: string, ...args: any[]): void {if (this.events[event]) {this.events[event].forEach((listener) => listener(...args));}}
}// 混入函数
function applyMixins(targetClass: any, baseClasses: any[]): void {baseClasses.forEach((baseClass) => {Object.getOwnPropertyNames(baseClass.prototype).forEach((name) => {if (name !== "constructor") {targetClass.prototype[name] = baseClass.prototype[name];}});});
}// 目标类
class User {name: string;age: number;constructor(name: string, age: number) {this.name = name;this.age = age;}isValid(): boolean {return this.age > 0;}
}// 应用混入
applyMixins(User, [Serializable, Validatable, EventEmitter]);// 使用混入后的类
const user = new User("Alice", 30);// 序列化和反序列化
const json = user.serialize();
console.log(json); // 输出 '{"name":"Alice","age":30}'user.deserialize('{"name":"Bob","age":25}');
console.log(user.name, user.age); // 输出 "Bob" 25// 验证
console.log(user.validate()); // 输出 true// 事件监听
user.on("greet", (message: string) => console.log(message));
user.emit("greet", "Hello, Bob!"); // 输出 "Hello, Bob!"

在这里：

Serializable 提供了序列化和反序列化的功能。
Validatable 提供了验证功能。
EventEmitter 提供了事件监听功能。
User 类通过混入实现了多种功能的组合。

5. 混入的优点

(1) 代码复用

混入允许你将通用的功能提取到独立的类中，并在不同的类中复用。

(2) 灵活性

混入不依赖于传统的继承机制，可以灵活地组合多个功能。

(3) 模块化

每个混入类专注于单一功能，符合单一职责原则。

6. 混入的缺点

(1) 复杂性

混入可能导致类的行为变得难以追踪，尤其是当混入的类较多时。

(2) 命名冲突

如果多个混入类定义了相同的方法或属性，可能会导致冲突。

(3) 类型推断

TypeScript 的类型系统对混入的支持有限，可能需要手动声明混入后的类型。

7. 改进：类型安全的混入

为了提高类型安全性，可以为混入后的类显式声明类型。

示例代码

type Constructor<T = {}> = new (...args: any[]) => T;function withLog<T extends Constructor>(Base: T) {return class extends Base {log(message: string): void {console.log(`[LOG]: ${message}`);}};
}function withTimestamp<T extends Constructor>(Base: T) {return class extends Base {getTimestamp(): string {return new Date().toISOString();}};
}class User {name: string;constructor(name: string) {this.name = name;}
}const EnhancedUser = withTimestamp(withLog(User));const user = new EnhancedUser("Alice");
user.log("This is a log message"); // 输出 "[LOG]: This is a log message"
console.log(user.getTimestamp()); // 输出当前时间戳

在这里：

使用高阶函数（如 withLog 和 withTimestamp）实现类型安全的混入。
EnhancedUser 是一个类型安全的混入类。

8. 总结

特性	描述
定义	将多个类的功能组合到一个类中。
实现方式	使用混入函数或高阶函数动态地复制功能。
优点	提高代码复用性、灵活性和模块化。
缺点	可能导致复杂性和命名冲突，类型推断支持有限。
适用场景	需要从多个来源继承功能时，或实现多功能组合时。

【TS学习】（22）什么是混入

在 TypeScript 中，混入（Mixins） 是一种设计模式，用于将多个类的功能组合到一个类中。它是一种实现代码复用的方式，尤其适用于需要从多个来源继承功能的场景。TypeScript 不直接支持多继承，但可以通过混入模…...

编程日记 2025/9/17 11:23:26

Firebase Studio，谷歌推出的云端AI 开发环境

Firebase Studio 是谷歌推出的一款基于云的全栈应用开发环境，旨在帮助开发者高效构建和交付集成 AI 功能的高质量应用。该平台结合了 Project IDX 和专用的 Firebase AI 代理，提供从后端到前端、移动应用等多维度的开发支持。 Firebase Studio是什么 F…...

编程日记 2025/9/16 12:27:29

电能质量在线监测分析装置支持实时监测、数据存储及远程传输，适用于电网、工业等场景

电能质量在线监测分析装置主要技术指标 2.1工作电源交流：220V10% ；50Hz0.5Hz；谐波畸变率不大于15％ 直流：220V10%，纹波系数不大于5% 2.2电流信号输入输入方式：电流互感器输入； …...

编程日记 2025/9/17 11:20:50

线代[13]｜线性代数题37道以及数学分析题3道（多图预警）

博主首次发布于CSDN，禁止转载！（CSDN：汉密士2025） 文章目录一、缘起｜《俗说矩阵》课程目录照片存档｜线性代数学习脉络｜线代习题集封面存档｜未来——我与线性代数的纠缠二…...

编程日记 2025/9/16 13:58:28

gitlab内置pgsql数据库迁移

gitlab内置pgsql数据库迁移创建gitlab备份方法一，使用pg_dump备份方法二使用gitlab工具 gitlab-backup 备份运行sql文件注意事项ERROR: extension "btree_gist" has no installation script nor update path for version "1.7"btree_gist 找…...

编程日记 2025/9/17 11:20:49

IDEA、Webstorm使用账号密码登录Gitlab

在开发过程中，为了保证代码安全，更改了gitlab司库的密码，当更新项目时，发现更新失败了。让填入access_token，gitlab网页设置中虽然generate了token，也填入了它，但是还是报错401unauthorized&…...

编程日记 2025/9/17 4:53:41

水利水电安全员ABC适合哪些人考？

水利水电安全员证是水利工程建设领域的重要职业资格证书，主要涉及水利水电工程施工安全管理、风险防控和应急处理等工作。那么，哪些人适合考取？ 哪些人适合考水利水电安全员？ 1. 水利水电工程从业人员 ✅ 施工管理人员&#xf…...

编程日记 2025/9/15 1:09:43

Service Mesh 深度解析与 Istio+Envoy 实现方案

Service Mesh 深度解析与 IstioEnvoy 实现方案一、Service Mesh 技术全景核心架构演进第一代架构：以库形式集成（如 Netflix OSS）第二代架构：Sidecar 代理模式（如 Linkerd）第三代架构：全功…...

编程日记 2025/9/14 8:30:53

使用uv管理python项目环境

安装uv 使用默认python环境安装uv（把uv安装到默认python环境）：pip install uv 创建python项目虚拟环境如果是已有项目并且项目中有uv.lock文件，直接运行 uv run main.py，这会默认使用uv.lock文件创建虚拟环境如果是新…...

编程日记 2025/9/16 20:58:17

【Code】《代码整洁之道》笔记-Chapter9-单元测试

第9章　单元测试过去十年以来，编程专业领域进步很大。1997年时，没人听说过测试驱动开发。对于我们之中的大多数人来说，单元测试是那种用来确保程序“可运行”的用过即扔的短代码。我们辛勤地编写类和方法，再弄出一些特殊代码来测…...

编程日记 2025/9/15 0:03:36

数据结构-顺序表

目录基本概念什么是数据结构？ 数据结构线性结构树形结构网状结构第一章绪论了解概念几个概念数据存储方式： 算法的五个重要特性: 算法设计的要求: 总结线性表线性表的定义： 顺序表的设计思想定长顺序表不定…...

编程日记 2025/9/15 16:08:48

端到端语音识别服务重构方案

以下是重构ASR服务架构，集成Whisper V3Conformer混合模型的端到端实现方案，经过技术增强与流程优化： 端到端语音识别服务重构方案基于Whisper V3Conformer混合架构系统架构设计采用四层微服务架构，支持水平扩展与模块化部署…...

编程日记 2025/9/7 15:54:40

耳根圆通与禅定的交融与分野

引言在浩瀚的修行体系中，耳根圆通与禅定的关系犹如月映千江——本质同一而显相各异。本文以《楞严经》为经教依据，结合禅宗心法与现代实证视角，系统解析二者在修行原理、实践路径与终极旨归中的深刻关联与微妙差异，揭示这一古老智…...

编程日记 2025/9/10 1:27:46

python基础语法：缩进规则

Python 的缩进规则是其语法的重要组成部分，它通过缩进来表示代码块的层次结构，而不是像其他语言（如 C 或 Java）那样使用大括号 {}。以下是 Python 缩进规则的详细说明： 1. 缩进的基本规则代码块的标识：Pyt…...

编程日记 2025/9/17 5:56:07

从0到1的Python接口自动化学习路线

Python 是一门非常适合初学者且功能强大的编程语言，它在接口自动化测试领域具有广泛应用。以下是一份针对 Python 与接口自动化测试的详细学习路线，帮助你从零开始学习并逐步掌握相关知识。第一阶段：Python基础目标：掌握 Python 基本语法和编程能力。一、学习内容 1.…...

编程日记 2025/9/3 14:17:50

大数据（7.3）Kafka量子安全加密实践指南：构建抗量子计算攻击的消息系统

目录一、量子计算带来的加密革命1.1 量子计算机的威胁时间表1.2 Kafka现有加密机制脆弱性分析二、后量子加密算法选型2.1 NIST标准化算法矩阵2.2 混合加密最佳实践三、Kafka量子安全改造方案3.1 Bouncy Castle量子安全Provider3.2 Kafka服务端配置四、实战案例：…...

编程日记 2025/9/13 9:41:07

【11408学习记录】英语语法精讲：主从复合句之状语从句全解析——以时间状语从句为例

时间英语语法总结—— 主从复合句状语从句从句位置从句的分类每日一句词汇第一步：找谓语第二步：断开第三步：简化第一句第二句第三句第四句英语语法总结—— 主从复合句状语从句状语从句指的是一个句子作状语，表达“描述性…...

编程日记 2025/9/15 4:46:32

深度分页及优化建议

深度分页的定义深度分页是指在分页查询中，当用户请求非常靠后的页面时，数据库需要处理大量数据，导致查询性能显著下降的情况。例如，一个查询结果有 100 万条记录，而用户要查询第 999 页（每页 10 条记录&a…...

编程日记 2025/9/16 16:12:47

阿里云kafka集成boot在docker启动找不到kafka.client.truststore.jks文件问题

此问题困扰了我好久，看阿里云官方文档，建议配置绝对路径，但项目部署在docker没有绝对路径，开始以为配置在docker的/root下即可，但报找不到文件，后来改相对路径 ./kafka.client.truststore.jks,…/…/还是找…...

编程日记 2025/9/12 9:16:52

kafka 集群搭建，开启sasl认证

Kafka提供了多种认证方式来保护集群的安全性，包括以下几种常见的认证方式： SSL/TLS认证：Kafka支持使用SSL/TLS协议对网络通信进行加密和认证。通过使用SSL/TLS证书对客户端和服务器进行身份验证，可以确保通信的机密性和完整性。SASL/PLAIN认证：SASL/PLAIN是一种基于用户名…...

编程日记 2025/9/10 12:15:15

在 iOS 项目中，Info.plist文件用于配置应用的基本信息和权限

在 iOS 项目中，Info.plist 文件用于配置应用的基本信息和权限。以下是常见的需要添加的权限及其说明：常见权限及说明 NSCameraUsageDescription 说明: 说明应用为何需要访问相机。示例: “我们需要访问您的相机以便您可以拍摄照片。”NSPhotoLibraryUsageDescription 说明:…...

编程日记 2025/9/13 11:16:50

【完整可用】使用openhtmltopdf生成PDF（带SVG）

文章目录前言OpenHTMLToPDF 简介maven配置依赖字体文件demo代码其他资源放置截图防止maven编译字体文件前言 AI和网上都是跑不起来或者版本过低的，还有各种BUG的。本文都是查阅官方文档得出的。如果你能跑起来请给个大大的赞！ OpenHTMLToPDF 简介 Ope…...

编程日记 2025/9/10 11:39:52

仿照管理系统布局配置

1.vue仿照snowy 配置，如下图： 2.代码实现 <template><div class"theme-settings"><div class"nav-bar"><el-breadcrumb separator"/"><el-breadcrumb-item>导航设置…...

编程日记 2025/9/15 8:12:23

RLAgent note

OpenManus github LlamaGym github GRPO 实践知乎：Deepseek R1 Zero成功复现 BabyAGI 0，环境 CUDA版本12.X：nvcc -V python 3.10：python -V gcc 11：gcc -V 1，安装llama-cpp-python [git | docs]…...

编程日记 2025/9/9 11:41:33

Python设计模式-工厂模式

一、模式定义与核心思想工厂模式（Factory Pattern）属于创建型设计模式，其核心思想是通过一个"工厂类"来创建对象，而不是直接调用类的构造函数。这种模式将对象的实例化过程封装起来，使系统在实例化对象时能…...

编程日记 2025/9/12 16:00:59

Vue环境搭建：vue＋idea

目录第一章、Vue环境搭建：安装node2.1）node的下载2.2）配置node的环境变量2.3）常见的npm命令第二章、使用idea创建vue工程2.1）在IDEA中设置国内镜像2.2）在IDEA中进行脚手架安装2.3）在IDEA中创建…...

编程日记 2025/9/11 12:17:32

庙算兵推：使用Streamlit框架构建了一个智能作战推演系统。

这段代码是一个完整的军事模拟应用，使用Streamlit框架构建了一个智能作战推演系统。该系统包括了三维地图显示、作战单位管理、应急事件处理等功能。用户可以通过界面控制推演的开始和暂停，调整时间加速倍率，并查看实时的战斗情况和系统状态。…...

编程日记 2025/9/15 6:42:57

APIGen-MT：高效生成多轮人机交互Agent数据的两阶段框架

APIGen-MT：高效生成多轮人机交互数据的两阶段框架引言随着人工智能技术的飞速发展，AI代理（Agent）已从简单的聊天机器人发展为能够执行复杂现实任务的系统，例如管理金融交易、安排预约和处理客户服务等。然而&#x…...

编程日记 2025/9/11 8:47:53

02-redis-数据结构实现原理

1、redis整体涉及的结构在redis中整体是KV键值对的方式进行访问的，redis的查询的时间复杂度O(1)，底层的数据结构其实跟java中的HashMap底层实现类似，整体采用的是数组链表的实现方式，哈希冲突的时候使用的是链表法解决&#xff1…...

编程日记 2025/9/15 1:38:14

京华幻梦：科技自然共生诗篇

故事摘要故事发生在现代中国北京，展现了未来城市的奇幻景象与科技变革。在这个充满想象的未来世界里，科技与自然不再对立，而是达成了和谐共生的美妙平衡。故宫、鸟巢、798艺术区等标志性地点，在科技的赋能下焕发新的生机&#x…...

编程日记 2025/9/9 4:11:56

python:面向对象之包

1.包的定义： 包就是把有联系的模块组织在一起，即放在同一文件夹下，并且在这个文件夹下创建一个__init__.py文件，这个文件就叫做包。 2.包的创建： 创建好好会自动生成一个__init__.py文件。 3.包的调用： …...

编程日记 2025/9/4 4:36:36

spring boot整合redis

spring boot整合redis 步骤： ① 引入redis依赖 <dependency><groupId>org.springframework.boot</group><artifactId>spring-boot-starter-data-redis</artifactId> </dependency>②在application.yml配置文件中&#xff0c…...

编程日记 2025/9/10 0:43:31

DIA——边缘检测

1.边缘边缘是像素的突变位置。 2.常见边缘检测算法通过找到一阶导数的极值点或者二阶导数的过零点来确定边缘像素的位置。边缘检测通常使用算子，即特定的卷积核。通过差分对离散的像素点求导，然后转化成卷积核进行卷积。使用卷积统一涵盖求导&…...

编程日记 2025/9/11 22:04:02

redis 免安装版本启动方法 windows 安装包

redis 免安装版本启动方法 windows 安装包下载解压直接使用百度网盘连接如下链接：https://pan.baidu.com/s/1W4ICvdUUxkWPhK93GtdG0Q 提取码：vzw3 下载解压后会用32位和64位两种，根据自己的电脑选择 cmd命令 cd /d D:\yaochengwei\so…...

编程日记 2025/9/10 0:25:46

C语言练习二进制转换

#include <stdio.h>// 强制类型转换int main(){int i 5;float j i / 2; // 只是把整形先除了再赋值float k (float)i / 2; //先强制改成float 再赋值printf("%f\n",j);printf("%f\n",k);return 0; } #include <stdio.h> int main(){int…...

编程日记 2025/9/10 7:13:23

AlDente Pro for Mac电脑充电限制保护工具

AlDente Pro for Mac电脑充电限制保护工具一、介绍 AlDente Pro for Mac，是一款充电限制保护工具，是可以限制最大充电百分比来保护电池的工具。锂离子和聚合物电池（如 MacBook 中的电池）在40％ 至 80％ 之…...

编程日记 2025/9/13 12:58:59

物联网卡（NB-IoT/4G）技术详解

物联网卡（IoT SIM卡）是专为物联网设备设计的流量卡，支持NB-IoT、4G Cat.1等低功耗广域网络（LPWAN），广泛应用于智能烟感、共享设备、车联网等领域。以下是NB-IoT和4G物联网卡的对比与选型指南。 1. NB-IoT v…...

编程日记 2025/9/11 1:15:30

HTML5 Video (视频) 深入解析

一、引言在当今的互联网时代，视频已经成为网站内容中不可或缺的一部分。从产品介绍、教程演示到娱乐内容，视频以其生动直观的特点吸引着大量用户。HTML5 的出现，为在网页上展示视频提供了一个标准且强大的解决方案，改变了过去依赖插件（如 Flash）来显示视频的局面。二…...

编程日记 2025/9/10 0:15:39

NO.87十六届蓝桥杯备战|动态规划-完全背包|疯狂的采药|Buying Hay|纪念品(C++)

完全背包先解决第⼀问状态表⽰： dp[i][j]表⽰：从前i个物品中挑选，总体积不超过j，所有的选法中，能挑选出来的最⼤价值。（这⾥是和01背包⼀样哒） 那我们的最终结果就是dp[n][V] 。状态转移⽅…...

编程日记 2025/9/11 13:53:47

Win11企业版安装wsl遇到的坑

起因是windows11上安装了docker desktop，但是启动以后显示Docker Engine stopped，一顿搜索。可以参考：windows 11系统下打开docker 提示 docker engine stopped - DbWong_0918 - 博客园我这边主要是检查了第2点，开启windows h…...

编程日记 2025/9/11 9:24:09

C++手撕单链表及逆序打印

在学习数据结构的过程中，链表是一个非常重要的基础数据结构。今天，我们将通过C手动实现一个单链表，并添加一个逆序打印的功能，帮助大家更好地理解链表的实现和操作。一、链表简介链表是一种线性数据结构，其中每个元…...

编程日记 2025/9/4 13:03:49

Kubernetes外部etcd集群的快速Docker Compose 部署

一、背景在高可用 Kubernetes 部署中，需要单独部署外部 etcd 集群，而不是使用 kubeadm 默认在 master 节点上部署的 etcd。以下是关于这一配置场景的详细记录。二、etcd简介 etcd 是一个高可用的分布式键值存储系统，主要用于存储和管理配…...

编程日记 2025/9/16 3:22:57

docker的目录挂载与卷映射

文章目录一、目录挂载背景定义使用二、卷映射背景定义区别使用docker对卷的操作一、目录挂载背景上一文，我们提了docker exec进入容器修改页面很麻烦，所以在这里，我们学习一个新的容器使用方法，叫“目录挂载” 定义长话…...

编程日记 2025/9/10 7:57:57

十三种物联网/通信模块综合对比——《数据手册--物联网/通信模块》

物联网／通信模块名称功能应用场景 USB转换模块用于将USB接口转换为其他类型的接口，如串口、并口等，实现不同设备之间的通信。常用于计算机与外部设备（如打印机、扫描仪等）的连接，以及数据传输和设…...

编程日记 2025/9/15 14:31:29

IntelliJ IDEA 中安装和使用通义灵码 AI 编程助手教程

随着人工智能技术的发展，AI 编程助手逐渐成为提升开发效率的强大工具。通义灵码是阿里云推出的一款 AI 编程助手，它能够帮助开发者实现智能代码补全、代码解释、生成单元测试等功能，极大地提升了编程效率和代码质量。 IntelliJ IDEA 是一款广…...

编程日记 2025/9/5 4:23:39

工业 IOT 平台重塑锂电龙头数字化未来

在 “双碳” 目标驱动下，新能源锂电池产业正经历前所未有的扩张期。作为全球原材料领域的龙头企业，某锂电巨头在国内布局的多个生产基地却陷入 “成长的烦恼”：车间里工人忙着手工录入数据，设备运行状态靠纸质报表传递&#xff0c…...

编程日记 2025/9/11 15:53:24

蓝牙连接hci 命令和事件的交互

参考：在HCI层看蓝牙的连接过程_hci 获取蓝牙pin码-CSDN博客我这边查看的是core 5.2 一、数据交互流程 1、ACL连接建立后的可选流程参考蓝牙core5.2: vol2 --> PartF --> 4 1.1 AUTHENTICATION REQUESTED Authentication can be explicitly executed at …...

编程日记 2025/9/16 3:54:01