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

前端技术回顾系列 11|TS 中一些实用概念

在微信中阅读,关注公众号:CodeFit

创作不易,如果你觉得这篇文章对您有帮助,请不要忘了 点赞分享关注 我的公众号:CodeFit,为我的持续创作提供动力。

上文回顾:泛型在类和接口中的应用

上一篇文章我们回顾了 泛型接口 中的应用。

通过使用泛型,我们可以创建 类型安全、灵活且可重用接口

比如,在类中使用泛型,可以确保队列等数据结构在处理不同类型的数据时仍然保持类型安全。

而在接口中使用泛型,则可以使接口更加灵活,能够接受多种类型。

类型别名、字面量类型和交叉类型

本文将回顾 TypeScript 中几个较为简单但非常实用的概念,包括 类型别名字面量类型交叉类型

这些概念在日常开发中可以提高代码的可读性和维护性。

大纲

  1. 类型别名(Type Aliases)
  2. 联合类型(Union Types)
  3. 字面量类型(Literal Types)
  4. 交叉类型(Intersection Types)
  5. 类型别名和接口的区别
  6. 总结

1. 类型别名(Type Aliases)

类型别名 允许我们为现有的类型设置一个 新的名称,这对于 简化代码提高可读性 非常有用。

特别是当一个类型较复杂且需要在多处使用时,类型别名 可以大大简化代码。

示例

假设我们有一个函数类型,接收两个 number 参数并返回一个 number,我们可以使用类型别名来简化其定义:

相关文章:

前端技术回顾系列 11|TS 中一些实用概念

在微信中阅读,关注公众号:CodeFit。 创作不易,如果你觉得这篇文章对您有帮助,请不要忘了 点赞、分享 和 关注 我的公众号:CodeFit,为我的持续创作提供动力。 上文回顾:泛型在类和接口中的应用 上一篇文章我们回顾了 泛型 在 类 和 接口 中的应用。 通过使用泛型,我们…...

leetcode LRU 缓存

leetcode: LRU 缓存 LRU 全称为 Least Recently Used,最近最少使用,常常用于缓存机制,比如 cpu 的 cache 缓存,使用了 LRU 算法。LRU 用于缓存机制时,关键的是当缓存满的时候有新数据需要加载到缓存的,这个…...

LeetCode 2786.访问数组中的位置使分数最大:奇偶分开记录(逻辑还算清晰的题解)

【LetMeFly】2786.访问数组中的位置使分数最大:奇偶分开记录(逻辑还算清晰的题解) 力扣题目链接:https://leetcode.cn/problems/visit-array-positions-to-maximize-score/ 给你一个下标从 0 开始的整数数组 nums 和一个正整数 …...

嵌入式仪器模块:音频综测仪和自动化测试软件

• 24 位分辨率 • 192 KHz 采样率 • 支持多种模拟/数字音频信号的输入/输出 应用场景 • 音频信号分析:幅值、频率、占空比、THD、THDN 等指标 • 模拟音频测试:耳机、麦克风、扬声器测试,串扰测试 • 数字音频测试:平板电…...

计算商场折扣 、 判断体重指数 题目

题目 JAVA5 计算商场折扣分析:代码: JAVA6 判断体重指数分析:代码:大佬代码: JAVA5 计算商场折扣 描述 牛牛商场促销活动: 满100全额打9折; 满500全额打8折; 满2000全额打7折&…...

input输入框禁止输入小数点方法

使用blur事件&#xff1a; <el-input v-model"number" type"number" placeholder"请输入" blur"numberBlur" /> 第一种&#xff1a; 使用parseInt转为整数&#xff1a; this.number parseInt(this.number);第二种&#xff…...

使用adb通过wifi连接手机

1&#xff0c;手机打开开发者模式&#xff0c;打开无线调试 2&#xff0c;命令行使用adb命令配对&#xff1a; adb pair 192.168.0.102:40731 输入验证码&#xff1a;422859 3&#xff0c;连接设备&#xff1a; adb connect 192.168.0.102:36995 4&#xff0c;查看连接状态:…...

如何一键拷贝PPT中的所有文字?

有时我们可能需要引用PPT的文字&#xff0c;但一个幻灯片一个幻灯片拷贝很是麻烦&#xff0c;我们想一键拷贝PPT中所有幻灯片中的内容&#xff08;最近我就遇到了这个需求&#xff09;。今天就来讲讲这个一键拷贝的技巧。因为大家可能会遇到同样的问题&#xff0c;所以在此记录…...

Hive的存储格式和压缩算法的特点和选择

1、数据存储格式&#xff1a; ①TEXTFILE HIVE 中默认的存储格式&#xff1b; 一般使用在数据贴源层(ODS 或 STG) &#xff0c;针对需要使用脚本 LOAD 加载数据到 HIVE 数仓表中的情况&#xff1b;需要把表里数据导出或直接可以查看等场景&#xff0c;作为BI供数 易读性…...

C语言中的枚举类型(enum)是如何定义的

在C语言中&#xff0c;枚举类型&#xff08;enum&#xff09;是一种用户定义的数据类型&#xff0c;它允许为整数值指定一个易读的名字。枚举类型通常用于表示固定数量的可能值&#xff0c;例如一周的七天或颜色的集合。 枚举类型的定义使用关键字 enum&#xff0c;后面跟着枚…...

SPI通信协议

一、SPI通信 1、SPI&#xff08;Serial Peripheral Interface&#xff09;是由Motorola公司开发的一种通用数据总线 2、四根通信线&#xff1a;SCK&#xff08;Serial Clock&#xff09;、MOSI&#xff08;Master Output Slave Input&#xff09;、MISO&#xff08;Master In…...

【免费Web系列】大家好 ,今天是Web课程的第二一天点赞收藏关注,持续更新作品 !

这是Web第一天的课程大家可以传送过去学习 http://t.csdnimg.cn/K547r 员工管理 1. 条件分页查询 1.1 概述 在页面原型中&#xff0c;我们可以看到在查询员工信息列表时&#xff0c;既需要根据条件动态查询&#xff0c;还需要对查询的结果进行分页处理。 那要完成这个页面…...

【单片机毕业设计选题24007】-基于STM32和阿里云的家庭健康数据监测系统

系统功能: 本课题设计是基于STM32单片机作为控制主体&#xff0c;通过HX711称重模块&#xff0c;HC-SR04超声波测距模块&#xff0c;红外测温&#xff0c;心率传感器等模块通过I2C或SPI接口与STM32进行通信&#xff0c;并读取传感器输出的身高&#xff0c;体重&#xff0c;心率…...

基于微信公众号开发h5的前端流程

1.首先公众号进行配置&#xff0c;必须要https域名 还有个txt文件&#xff0c;有弹框提示需要下载放在服务器上 前端处理code的代码封装 // 微信公众号授权 export function wxAuthorize(calback) {// 非静默授权&#xff0c;第一次有弹框 这里的回调页面就是放在服务器上微信…...

python操作数据库,django操作数据库

安装驱动 pip install mysqlclient工程同名app下的settings.py DATABASES {default: {ENGINE: django.db.backends.mysql,NAME: test,USER: root,PASSWORD: hirain123,HOST: localhost,PORT: 3306,OPTION; {init_command: SET sql_model"STRICT_TRANS_TABLES",}} …...

React框架资源

React框架资源可以从多个方面获取&#xff0c;包括官方文档、教程、书籍、社区等。以下是一些React框架资源的清晰分点和归纳&#xff1a; 官方文档 新官方文档&#xff1a;React在2023年3月发布了全新的官方文档&#xff0c;位于https://react.dev/​。新文档包含教程、指南…...

【数据结构】初识数据结构之复杂度与链表

【数据结构】初识数据结构之复杂度与链表 &#x1f525;个人主页&#xff1a;大白的编程日记 &#x1f525;专栏&#xff1a;C语言学习之路 文章目录 【数据结构】初识数据结构之复杂度与链表前言一.数据结构和算法1.1数据结构1.2算法1.3数据结构和算法的重要性 二.时间与空间…...

word怎么单页横向设置(页码不连续版)

打开word&#xff0c;将光标放在第一页的最后位置。 然后点击布局下的分隔符&#xff0c;选择下一页。 将光标放在第二页的开头&#xff0c;点击布局下的纸张方向&#xff0c;选择横向即可。 效果展示。 PS&#xff1a;如果那一页夹在两页中间&#xff0c;那么在…...

搭建 Tomcat 集群【Nginx 负载均衡】

当我们想要提高后端服务器的并发性能&#xff0c;可以通过分配更多的资源给 Tomcat 服务器&#xff0c;但是这只能提高一部分的性能。因为每台 Tomcat 的服务器是有最大连接数为 200.所以即可拥有无穷无尽的内存&#xff0c;也会因为单台 Tomcat 的原因而无法发挥这些资源的最大…...

深入理解指针(二)

目录 1. 数组名的理解 2. 使用指针访问数组 3. ⼀维数组传参的本质 4. 冒泡排序 5. 二级指针 6. 指针数组 7. 指针数组模拟二维数组 1. 数组名的理解 有下面一段代码: #include <stdio.h> int main() {int arr[10] { 1,2,3,4,5,6,7,8,9,10 };int* p &arr[…...

PromptFlow:企业级AI应用编排与全生命周期管理工具详解

1. 项目概述&#xff1a;PromptFlow&#xff0c;一个被低估的AI应用编排利器如果你最近在折腾大语言模型应用&#xff0c;从简单的聊天机器人到复杂的多步推理工作流&#xff0c;大概率会听到“LangChain”、“LlamaIndex”这些名字。它们确实火&#xff0c;社区活跃&#xff0…...

WeChatExporter完整指南:如何在macOS上免费备份微信聊天记录

WeChatExporter完整指南&#xff1a;如何在macOS上免费备份微信聊天记录 【免费下载链接】WeChatExporter 一个可以快速导出、查看你的微信聊天记录的工具 项目地址: https://gitcode.com/gh_mirrors/wec/WeChatExporter 微信聊天记录中包含了我们珍贵的回忆、重要的工作…...

谷歌CEO官宣“75%新代码AI写”:当AI代码量占比逼近阈值,你的工程质量如何托底?

2026年4月22日&#xff0c;谷歌CEO桑达尔皮查伊在Cloud Next 2026大会上扔出一枚重磅炸弹&#xff1a;谷歌内部75%的新代码已由AI编写&#xff0c;经工程师审核后合并。这一数字比去年秋天的50%又跃升了一大截。同时&#xff0c;第八代TPU、Workspace Intelligence等多款AI产品…...

STC8H高级PWM实战:用呼吸灯搞懂定时器配置,附完整代码和寄存器详解

STC8H高级PWM实战&#xff1a;从寄存器到呼吸灯的完整设计指南 在嵌入式开发领域&#xff0c;PWM&#xff08;脉冲宽度调制&#xff09;技术就像一位无声的魔术师&#xff0c;通过精确控制脉冲的宽度&#xff0c;它能让我们手中的LED灯实现从完全熄灭到最亮之间的任意亮度变化…...

从硬盘分区到系统重装:一套完整的CSGO机器码解封操作流程(附磁盘精灵使用指南)

从硬盘分区到系统重装&#xff1a;CSGO设备标识重置全流程实战指南 当游戏设备标识遭遇封禁时&#xff0c;单纯修改表层参数往往难以彻底解决问题。本文将系统性地介绍一套从底层存储结构到操作系统环境的完整重置方案&#xff0c;帮助玩家重建全新的硬件身份标识。不同于简单的…...

这3个降AI提示词千万别用!让你的知网AI率反涨10个点过不了AIGC检测

这3个降AI提示词千万别用&#xff01;让你的知网AI率反涨10个点过不了AIGC检测 室友的真实事故——降 AI 提示词用错知网 AI 率反涨 3 月 19 号晚上室友哭着发消息&#xff1a;「我上网搜了一个降 AI 万能提示词改完段落送知网测——AI 率从 67% 涨到 77% 了&#xff01;这怎…...

树莓派智能画布:从Raspbian部署到NeoPixel灯光系统集成

1. 项目概述&#xff1a;打造一个会发光的智能画布如果你和我一样&#xff0c;对嵌入式硬件和创意编程的结合着迷&#xff0c;那么将一块普通的画布变成一个由代码控制的动态灯光装置&#xff0c;绝对是一件充满乐趣和成就感的事情。这个项目&#xff0c;我称之为“CompuCanvas…...

Cursor3.3发布:Skill 自动转为快捷操作

想象一下&#xff1a;每次发版之前&#xff0c;你盯着一个庞大PR&#xff0c;脑子里同时跑着十几个线程——这个模块要重构、那个API要优化、还有安全扫描不能忘。以前你得像个孤独的指挥家&#xff0c;一根根指挥棒轮流挥。 现在&#xff0c;Cursor直接给你拉来一支AI交响乐团…...

利用 STM32F407 BKPSRAM 实现运行时变量监控 —— 从方案到 Keil 调试实战

利用 STM32F407 BKPSRAM 实现运行时变量监控 —— 从方案到 Keil 调试实战 一、什么是 BKPSRAM 1.1 先看一张图 STM32F407 的存储系统里有一个很特别的区域叫备份域&#xff08;Backup Domain&#xff09;。备份域里住着几个东西&#xff1a; ┌───────────────…...

RK3506开发板PWM输入捕获配置与调试实战指南

1. 项目概述&#xff1a;在RK3506上搞定PWM输入捕获最近在做一个工业网关项目&#xff0c;需要精确测量外部传感器发来的PWM信号频率和占空比&#xff0c;核心板选型正好落在了触觉智能的RK3506开发板上。这块板子接口丰富&#xff0c;性能也够用&#xff0c;但上手调试PWM输入…...