解读 TypeScript 枚举Enum

TypeScript 枚举通过命名常量、类型安全和结构化组织,显著提升代码质量。使用时需根据场景选择合适的类型(数字、字符串或常量枚举),并权衡性能与动态访问需求。掌握其特性和使用的场景,能在复杂项目中有效提升代码的可维护性和健壮性。接下来我会通过案例,深入解读Enum。

一、枚举的核心作用

  1. 替代魔法值 用有意义的名称取代硬编码数字或字符串,减少代码歧义。

    enum StatusCode { Success = 200, NotFound = 404 }
    if (response.status === StatusCode.Success) { ... } // 比直接判断200更清晰
  2. 类型安全 限制变量只能使用枚举成员,编译器会在赋值或比较时检查类型。

    enum Direction { Up, Down }
    let dir: Direction = Direction.Up; // 正确
    dir = 3; // 错误:不能将数字直接赋值给枚举类型
  3. 组织相关常量 将逻辑关联的常量归类,便于维护和扩展。

    enum LogLevel { Info, Warn, Error }

二、枚举的类型与语法

1. 数字枚举(默认)

  • 成员默认从 0 开始自增,也可手动赋值。
  • 支持反向映射:通过值获取名称(仅数字枚举)。
    enum Direction {Up = 1,     // 显式赋值Down,       // 自动递增为2Left = 4,Right,      // 自动递增为5
    }
    console.log(Direction.Down);    // 输出: 2
    console.log(Direction[2]);      // 输出: "Down"(反向映射)

2. 字符串枚举

  • 成员必须显式初始化字符串值。
  • 无反方向映射,适用于需明确语义的场景。
    enum LogLevel {Info = "INFO",Warn = "WARN",Error = "ERROR"
    }
    console.log(LogLevel.Info); // 输出: "INFO"

3. 常量枚举(const enum

  • 编译时被完全内联,无运行时对象
  • 提升性能,但无法反射或动态访问。
    const enum Size { Small, Medium }
    let size = Size.Small; // 编译后:let size = 0;

4. 异构枚举(不推荐)

  • 混合数字和字符串成员,易引发混乱。
    enum BooleanLikeEnum {No = 0,Yes = "YES",
    }

5. 同名枚举合并 

多个同名的 Enum 结构会自动合并。

enum Foo {A,
}
enum Foo {B = 1,
}
enum Foo {C = 2,
}
// 等同于
enum Foo {A,B = 1,C = 2
}

三、枚举的高级特性

1. 计算成员与常量成员

  • 常量成员:值在编译时确定(字面量、其他常量成员引用)。
  • 计算成员:值在运行时计算(需显式初始化后续成员)。
    enum FileAccess {None,                   // 常量成员 0Read = 1 << 1,          // 计算成员 2Write = 1 << 2,         // 计算成员 4ReadWrite = Read | Write, // 计算成员 6// 后续成员必须显式初始化Execute = 8
    }

2. 枚举作为类型

  • 限制变量或参数只能为枚举成员值,这是枚举的一个缺点。
    enum UserRole { Admin, Guest }
    function setRole(role: UserRole) { ... }
    setRole(UserRole.Admin); // 正确
    setRole(2); // 错误:类型不符

四、枚举的优缺点对比

优点缺点
提升代码可读性编译后生成额外代码(非 const enum)
编译时类型检查字符串枚举不支持反向映射
支持反向映射(数字枚举)异构枚举易导致逻辑混乱
便于统一管理常量动态访问可能绕过类型检查(数字枚举)

五、使用场景

  1. 优先使用字符串枚举 提高代码自描述性,避免数字枚举的隐式歧义。

  2. 性能敏感场景用 const enum 减少生成代码量,但需确保无需动态访问枚举。

  3. 替代方案考量

    • 联合类型:适用于简单且无需反向映射的场景。
      type LogLevel = 'INFO' | 'WARN' | 'ERROR';
    • 对象常量:需手动冻结对象防止修改,无类型约束。
      const LogLevel = { Info: 'INFO' } as const;

 引用一个例子:Enum 结构比较适合的场景是,成员的值不重要,名字更重要,从而增加代码的可读性和可维护性。

enum Operator {ADD,DIV,MUL,SUB
}
function compute(op:Operator,a:number,b:number
) {switch (op) {case Operator.ADD:return a + b;case Operator.DIV:return a / b;case Operator.MUL:return a * b;case Operator.SUB:return a - b;default:throw new Error('wrong operator');}
}
compute(Operator.ADD, 1, 3) // 4

 上面示例中,Enum 结构Operator的四个成员表示四则运算“加减乘除”。代码根本不需要用到这四个成员的值,只用成员名就够了。

六、示例对比

枚举 vs 联合类型

枚举方案

enum Theme { Dark = 'dark', Light = 'light' }
function setTheme(theme: Theme) { ... }
setTheme(Theme.Dark);

联合类型方案

type Theme = 'dark' | 'light';
function setTheme(theme: Theme) { ... }
setTheme('dark');

对比

  • 枚举集中管理常量,修改时只需调整枚举定义。
  • 联合类型无需生成额外代码,适合简单场景。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/906025.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MODBUS RTU通信协议详解与调试指南

一、MODBUS RTU简介 MODBUS RTU&#xff08;Remote Terminal Unit&#xff09;是一种基于串行通信&#xff08;RS-485/RS-232&#xff09;的工业标准协议&#xff0c;采用二进制数据格式&#xff0c;具有高效、可靠的特点&#xff0c;广泛应用于PLC、传感器、变频器等工业设备…

TCP/UDP协议原理和区别 笔记

从简单到难吧 区别就是TCP一般用于安全稳定的需求&#xff0c;UDP一般用于不那么需要完全数据的需求&#xff0c;比如说直播&#xff0c;视频等。 再然后就是TPC性能慢于UDP。 再然后我们看TCP的原理&#xff08;三次握手&#xff0c;数据传输&#xff0c;四次挥手&#xff0…

Jackson使用详解

JSON Jackson是java提供处理json数据序列化和反序列的工具类&#xff0c;在使用Jackson处理json前&#xff0c;我们得先掌握json。 JSON数据类型 类型示例说明字符串&#xff08;String&#xff09;"hello"双引号包裹&#xff0c;支持转义字符&#xff08;如 \n&a…

C语言| 指针变量的定义

C语言| 指针的优点-CSDN博客 * 表示“指向”&#xff0c;为了说明指针变量和它所指向的变量之间的联系。 int * i&#xff1b;//表示指针变量i里面存放的地址&#xff0c;所指向的存储单元里的【数据】。 【指针变量的定义】 C语言规定所有变量&#xff0c;在使用前必须先定…

Java 快速转 C# 教程

以下是一个针对 Java 开发者快速转向 C# 的简明教程&#xff0c;重点对比 Java 与 C# 的异同&#xff0c;帮助你快速上手。 项目结构&#xff1a; .sln &#xff1a;解决方案文件&#xff0c;管理多个项目之间的依赖关系。.csproj &#xff1a;项目文件&#xff0c;定义目标框…

EasyExcel详解

文章目录 一、easyExcel1.什么是easyExcel2.easyExcel示例demo3.easyExcel read的底层逻辑~~4.easyExcel write的底层逻辑~~ 二、FastExcel1.为什么更换为fastExcel2.fastExcel新功能 一、easyExcel 1.什么是easyExcel 内容摘自官方&#xff1a;Java解析、生成Excel比较有名的…

jvm安全点(三)openjdk17 c++源码垃圾回收之安全点结束,唤醒线程

1. VMThread::inner_execute() - 触发安全点​​ cpp 复制 void VMThread::inner_execute(VM_Operation* op) { if (op->evaluate_at_safepoint()) { SafepointSynchronize::begin(); // 进入安全点&#xff0c;阻塞所有线程 // ...执行GC等操作... SafepointSynchronize::…

102. 二叉树的层序遍历递归法:深度优先搜索的巧妙应用

二叉树的层序遍历是一种经典的遍历方式&#xff0c;它要求按层级逐层访问二叉树的节点。通常我们会使用队列来实现层序遍历&#xff0c;但递归法也是一种可行且有趣的思路。本文将深入探讨递归法解决二叉树层序遍历的核心难点&#xff0c;并结合代码和模拟过程进行详细讲解。 …

首个窗口级无人机配送VLN系统!中科院LogisticsVLN:基于MLLM实现精准投递

导读 随着智能物流需求日益增长&#xff0c;特别是“最后一公里”配送场景的精细化&#xff0c;传统地面机器人逐渐暴露出适应性差、精度不足等瓶颈。为此&#xff0c;本文提出了LogisticsVLN系统——一个基于多模态大语言模型的无人机视觉语言导航框架&#xff0c;专为窗户级别…

WPF Datagrid 数据加载和性能

这篇文章并非讨论 WPF Datagrid 的性能数据&#xff0c;而只是简单介绍一下为了使其性能良好&#xff0c;你需要注意哪些方面。我不太想使用性能分析器来展示实际数据&#xff0c;而是尽可能地使用了 Stopwatch 类。这篇文章不会深入探讨处理海量数据的技术&#xff0c;例如分页…

matlab求矩阵的逆、行列式、秩、转置

inv - 计算矩阵的逆 用途&#xff1a;计算一个可逆矩阵的逆矩阵。 D [1, 2; 3, 4]; % 定义一个2x2矩阵 D_inv inv(D); % 计算矩阵D的逆 disp(D_inv);det - 计算矩阵的行列式 用途&#xff1a;计算方阵的行列式。 E [1, 2; 3, 4]; determinant det(E); % 计算行列式 disp…

ridecore流水线解读

文章目录 流水线stage分属前后端PCpipelineIFIDDPDP 与 SW 中间没有latchSWCOM 源码地址 流水线stage分属前后端 IF -> ID -> DP -> SW -> EX -> COM分类阶段说明前端IF指令获取阶段。PC 使用分支预测器&#xff0c;访问指令存储器。典型前端操作。前端ID解码并…

【SpringBoot】关于MP使用中配置了数据库表前缀的问题

problem 使用MP时&#xff0c;在application.yml配置文件中配置了MP匹配数据库表中的表名时的前缀作了规定&#xff0c;如下&#xff1a; 那么当我运行时报错了错误&#xff0c;报错信息如下&#xff1a; 因为我数据库表的书类表名是book&#xff0c;MP在匹配时使用了表名前…

印度Rummy游戏支付通道申请策略:技巧类游戏的合规与创新

本文为印度支付申请科普文&#xff0c;自去年开始&#xff0c;印度Rummy类游戏申请印度支付都需要拥有AIGF的会员及产品证书。 如需要rummy可以通过AIGF审核的源。码&#xff0c;或咨询AIGF的相关内容&#xff0c;可以联。系老妙。 印度作为全球棋牌类游戏增长最快的市场之一&…

日志与策略模式

什么是设计模式 IT⾏业 ,为了让 菜鸡们不太拖⼤佬的后腿, 于是⼤佬们针对⼀些经典的常⻅的场景, 给定了⼀些对应的解决⽅案, 这个就是 设计模式 日志认识 计算机中的⽇志是记录系统和软件运⾏中发⽣事件的⽂件&#xff0c;主要作⽤是监控运⾏状态、记录异常信 息&#xff…

解锁Ubuntu高效部署!自动安装配置文件YAML全解析

我们之前介绍了两种Ubuntu系统的安装方式&#xff0c;分别对应桌面版&#xff08;准备搞OpenStack了&#xff0c;先装一台最新的Ubuntu 23.10&#xff09;和服务器版&#xff08;Ubuntu 22.04 LTS服务器版本安装演示&#xff09;。但对于有些用户&#xff0c;因为技术问题&…

关系代数和关系数据库语言(SQL)

阅读提示&#xff1a;本篇文章较长&#xff0c;建议从目录上选取想看的内容。代码上的话&#xff0c;我习惯用小写&#xff0c;如果看不习惯建议跳过。有问题欢迎讨论&#xff01;&#xff01;&#xff01; 一、基础概念 1.1数据库的概念 数据库(Database)是按照数据结构来组…

EXO 可以将 Mac M4 和 Mac Air 连接起来,并通过 Ollama 运行 DeepSeek 模型

EXO 可以将 Mac M4 和 Mac Air 连接起来&#xff0c;并通过 Ollama 运行 DeepSeek 模型。以下是具体实现方法&#xff1a; 1. EXO 的分布式计算能力 EXO 是一个支持 分布式 AI 计算 的开源框架&#xff0c;能够将多台 Mac 设备&#xff08;如 M4 和 Mac Air&#xff09;组合成…

区块链基本理解

文章目录 前言一、什么是分布式账本(DLT)二、什么是P2P网络?二、共识算法三、密码算法前言 区块链是由一个一个数据块组成的链条,按照时间顺序将数据块逐一链接,通过哈希指针链接,所有的数据块共同维护一份分布式账本(DLT),每个节点(可以理解为一个玩家,一台计算机)都拥…

Node.js中的洋葱模型

文章目录 前言 前言 Node.js中的洋葱模型是一种中间件执行机制&#xff0c;主要用于处理HTTP请求和响应的流程控制。该模型通过层层包裹的中间件结构&#xff0c;实现请求从外到内穿透、响应从内向外返回的顺序执行。以下从核心概念、实现原理、框架差异及实际应用等方面解析&…