TS中的枚举是什么如何使用

在 TypeScript 中,枚举(enum)是一种用于定义命名常量集合的数据类型。枚举可以提高代码的可读性和可维护性,因为它允许开发人员定义并使用有意义的符号名称来表示特定的常量。

下面是一个使用枚举的示例:

typescript 复制代码
enum Color {
  Red = 1,
  Green = 2,
  Blue = 4
}

let color: Color = Color.Green;
console.log(color); // 输出 2

let colorName: string = Color[4];
console.log(colorName); // 输出 "Blue"

该示例定义了一个名为 Color 的枚举,其中包含了三个常量:RedGreenBlue。每个常量都有一个对应的数字值。在代码中,我们使用枚举类型 Color 来声明 color 变量,并将其赋值为 Color.Green。我们还使用 Color[4] 来获取枚举值为 4 的常量的名称(即 "Blue")。

在上面的示例中,枚举常量的值是自动分配的,但是你可以手动分配值,如下所示:

typescript 复制代码
enum Animal {
  Dog = 1,
  Cat = 3,
  Bird = 5
}

在手动分配值的情况下,枚举的常量必须是数字类型。如果某个常量没有手动分配值,则它的值将自动递增。

在 TypeScript 中,枚举的名称一般使用单数形式。枚举常量的名称通常使用大写字母和下划线,以便更好地区分常量和变量。

相关推荐
泓博9 分钟前
Objective-c把字符解析成字典
开发语言·ios·objective-c
try2find12 分钟前
安装llama-cpp-python踩坑记
开发语言·python·llama
青皮桔22 分钟前
CSS实现百分比水柱图
前端·css
失落的多巴胺22 分钟前
使用deepseek制作“喝什么奶茶”随机抽签小网页
javascript·css·css3·html5
DataGear25 分钟前
如何在DataGear 5.4.1 中快速制作SQL服务端分页的数据表格看板
javascript·数据库·sql·信息可视化·数据分析·echarts·数据可视化
影子信息27 分钟前
vue 前端动态导入文件 import.meta.glob
前端·javascript·vue.js
青阳流月28 分钟前
1.vue权衡的艺术
前端·vue.js·开源
样子201832 分钟前
Vue3 之dialog弹框简单制作
前端·javascript·vue.js·前端框架·ecmascript
kevin_水滴石穿33 分钟前
Vue 中报错 TypeError: crypto$2.getRandomValues is not a function
前端·javascript·vue.js
翻滚吧键盘33 分钟前
vue文本插值
javascript·vue.js·ecmascript