30-TS之运行时和常量枚举

最新推荐文章于 2025-08-13 21:05:35 发布
最新推荐文章于 2025-08-13 21:05:35 发布
阅读量18 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： +TS 文章标签： typescript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yzc008/article/details/149660832

关注大师姐不迷路，大师姐带你上高度~

文章目录

前言

关注大师姐不迷路，大师姐带你上高度~
运行时枚举是指在 TypeScript 编译后会生成真实 JavaScript 对象的枚举。这些枚举在程序运行时实际存在于内存中，可以被访问和操作。
常量枚举使用 const 关键字声明，它在编译阶段就会被完全移除，其成员值会直接内联到使用它们的地方。

一、什么是运行时和常量枚举？

运行时枚举（Runtime Enums）

运行时枚举是指在 TypeScript 编译后会生成真实 JavaScript 对象的枚举。这些枚举在程序运行时实际存在于内存中，可以被访问和操作。

常量枚举（Constant Enums）

常量枚举使用 const 关键字声明，它在编译阶段就会被完全移除，其成员值会直接内联到使用它们的地方。

二、使用步骤

1、运行时枚举

详解：

// 运行时枚举在编译之后是一个真实存储的对象, 所以可以在运行时使用
了解本专栏 订阅专栏 解锁全文 超级会员免费看
28-TS之数字枚举和字符串枚举
yzc008的博客
07-24 208
TypeScript枚举分为数字枚举和字符串枚举两种主要类型。数字枚举成员默认从0开始自动递增，支持反向映射，允许使用字面量、常量或计算结果赋值。字符串枚举必须显式赋予字符串值，不支持反向映射，但允许引用同一枚举中的其他成员。关键区别在于数字枚举可自动递增而字符串枚举必须显式赋值，数字枚举支持反向映射而字符串枚举不支持。实际开发中建议根据需求选择：需要与数字序列交互时用数字枚举，需要结构化常量时优先使用字符串枚举。示例代码展示了两种枚举的定义方式和使用注意事项，并提示应避免混合使用数字和字符串的异构枚举以保
03-TS枚举类型
yzc008的博客
07-11 22
TypeScript枚举（Enum）是一种特殊类型，用于定义一组命名常量集合。它解决了魔法数字/字符串问题，提高代码可读性，并限制变量只能使用预定义的选项值。枚举底层实现本质是数值类型，支持名称与值的双向映射。主要优势包括增强代码可读性、提供类型安全性以及便于重构。适用场景包括表示有限选项集合、替代魔法值以及需要双向映射的情况。通过枚举，开发者可以集中管理相关常量，提升代码可维护性。
TS-常量枚举
weixin_45636198的博客
06-27 437
如果使用普通的数值枚举或字符串枚举，在编译成JavaScript代码后会产生较多代码来支持各项功能，开销较大且可读性较差，而且很可能被人误用。此时如果编译这段代码，你可以发现它与普通枚举编译后产生的JavaScript代码存在区别。以下是普通枚举编译后产生的JavaScript代码。要定义常量枚举，只需在普通枚举的定义前面加上const关键字，示例代码如下。如果对常量枚举使用索引查找或反向映射，编译将无法通过，示例代码如下。以下是常量枚举编译后产生的JavaScript代码，整体上更精简。
TypeScript基础入门 - 枚举 - 运行时的枚举和外部枚举
zhangda89的专栏
09-07 4462
转发 TypeScript基础入门 - 枚举 - 运行时的枚举和外部枚举 项目实践仓库 https://github.com/durban89/typescript_demo.git tag: 1.3.8 为了保证后面的学习演示需要安装下ts-node，这样后面的每个操作都能直接运行看到输出的结果。 npm install -D ts-node 后面自己在练习的时候可以这样使用 ...
const枚举 ts_TS -- 枚举类型
weixin_35903223的博客
12-30 2293
[TOC]>[success] # 枚举类型~~~1.对基础类型中的枚举类型使用扩展~~~>[danger] ##### 为什么有枚举~~~1.正常一般我们对性别在数据库存储可能采用的是0 1 这种数字格式但是如果代码直接标记赋值使用 0 1 在后续没有说明，对代码维护产生困扰，一般会创建一个对象做一个命名的说明，在后续使用时候也方便知道意思和统一更改维护~~~~~~const gen...
LayaBox---TypeScript---枚举
学海无涯
07-29 384
常量枚举只能使用常量枚举表达式，并且不同于常规的枚举，它们在编译阶段会被删除。常量枚举成员在使用的地方会被内联进来。简短地说，不带初始化器的枚举或者被放在第一的位置，或者被放在使用了数字常量或其它常量初始化了的枚举后面。在一个字符串枚举里，每个成员都必须用字符串字面量，或另外一个字符串枚举成员进行初始化。为了避免在额外生成的代码上的开销和额外的非直接的对枚举成员的访问，我们可以使用。由于字符串枚举没有自增长的行为，字符串枚举可以很好的序列化。存在一种特殊的非计算的常量枚举成员的子集字面量枚举成员。...
Ts学习之---枚举
weixin_49203377的博客
06-07 238
常量：在执行程序中不会被改变的值，在js中一般使用const来声名一个常量，但是有些取值是在一定范围内的一系列常量，比如一周内的7天，三原色，等等，这些值就可以用枚举来表示 1.数字枚举:枚举成员会被赋值从0开始自动递增的数字! 也可以给枚举项来手动的赋值，被手动赋值的枚举项会接着上一个递增 是怎样做到双向赋值的呢，如下图 2.字符串枚举 3.常量枚举（使用常量枚举可以提升性能）在enum前面加const 就会成为一个常量枚举 编译一下，打开编译好的文件可以看到，文件非常简单，逻辑少了许多
TypeScript - 枚举 - 常量枚举
northcastle的博客
10-28 378
typescript 中的常量枚举
TS的枚举
热门推荐
微光的博客
09-22 1万+
官方定义 使用枚举我们可以定义一些带名字的常量。 使用枚举可以清晰地表达意图或创建一组有区别的用例。 TypeScript支持数字的和基于字符串的枚举。枚举使用enum关键字来定义。 理解: 枚举是列举固定几个值，用于取值被限定在一定范围内的场景，比如一周只能有七天，颜色限定为红绿蓝等。 直接定义变量的话的话可以随意定义，枚举只能使用你定义好的几个值 例如你定义一个方法接收一个参数，这个参数如果是int型，别人在调用你这个方法时可以传1或2等任意数字，虽然你告诉了同事，只能传0或1, 如果你把..
const枚举 ts_TS 3.1 - 枚举
weixin_39771791的博客
12-30 185
枚举数字枚举enum Direction {Up = 1,Down,Left,Right}数字枚举可以被混入到 计算过的和常量成员(如下所示)。 简短地说，不带初始化器的枚举或者被放在第一的位置，或者被放在使用了数字常量或其它常量初始化了的枚举后面。 换句话说，下面的情况是不被允许的：注释：不带初始化器的枚举被放在第一的位置会自动初始化为0。下例中的错误是因为 B 没有初始化值，并不是因为计算值放...
project-xczx2-portal-vue-ts.zip
06-04
- **枚举（Enums）**：为常量提供更好的类型支持。 - **类型断言**：允许开发者明确指定一个值的类型，有时用于与第三方库交互。 - **装饰器（Decorators）**：元编程工具，可以用于类、属性、方法等，增加附加信息...
util-ts-template:ts的ts模板
03-16
7. **装饰器（Decorators）**：装饰器是一种特殊类型的声明，可以被附加到类声明、方法、访问器、属性或参数上，提供元数据和运行时行为的扩展。模板中可能会包含用于日志、验证或性能度量的装饰器示例。 8. **类型...
TypeScript的export用法
无风听海
07-16 830
export用于将模块中的代码暴露出去，可以导出函数、类、常量、类型等。用于导出模块中的单个实体，导入时不需要花括号，并且可以自定义导入名称。命名导出与默认导出可以结合使用，一个模块可以有多个命名导出和一个默认导出。export =用于与 CommonJS 等旧版模块系统兼容。export和import使得 TypeScript 支持模块化，帮助你组织和分离代码，提高代码的可维护性和复用性。
electron进程间通信- 从渲染进程到主进程
最新发布
唐璜Taro的博客
08-13 457
本文介绍了Electron中的IPC进程间通信机制，重点解析了从渲染进程到主进程的单向通信实现方式。这种设计既保证了功能实现，又遵循了Electron的安全通信原则，是开发桌面应用的常用模式。
基于SpringBoot校园管理系统
2501_90968670的博客
08-13 484
校园管理系统是一个基于Spring Boot + Vue.js的全栈应用，专注于高校内部的多角色协作管理。系统实现了院校管理、单位管理、用户管理、通知推送、投票管理等功能模块，满足管理员、院校管理员、普通用户三类角色的不同操作需求。核心目标是提升校园管理效率，实现通知精准推送与数据可视化统计。
WebGIS视角下基孔肯雅热流行风险地区分类实战解析
夜郎King的博客
08-09 2346
本研究旨在通过系统梳理 WebGIS 技术在传染病流行风险评估中的应用现状与优势，结合基孔肯雅热的流行特点和防控需求，构建一套基于 WebGIS 的流行风险地区分类展示系统。
Next.js 国际化：打造多语言应用
zimin的专栏
08-12 799
Next.js 作为一个全栈 React 框架，在构建全球性应用时，国际化（Internationalization, i18n）是不可或缺的功能。国际化允许应用支持多种语言和区域设置，实现语言检测、内容翻译和路由本地化，提升用户体验并扩大受众范围。Next.js 通过灵活的配置和库支持，如 next-i18next 或内置的 i18n 功能，简化了多语言应用的开发。i18n 的核心包括语言检测（根据用户浏览器或首选项自动切换语言）、内容翻译（使用 JSON 文件或第三方服务）和路由本地化（如 /en/
前端工程化：pinia
西岭千秋雪的博客
08-11 566
本文介绍了Pinia作为Vue.js官方推荐的状态管理库，用以解决组件间数据共享和状态同步问题。文章首先说明状态管理的必要性，随后详细讲解Pinia的初始化配置，包括安装、挂载和Store创建（包含state、getter、action）。最后通过示例展示如何在组件中使用Store，实现数据获取和渲染。Pinia能有效简化复杂应用的状态管理，提升开发效率。
3.4路由守卫
chxii的专栏
08-10 705
在Vue 2中，Vue Router提供了路由守卫（Navigation Guards）的功能，这允许你在路由跳转之前或之后执行逻辑。这些守卫可以用来处理认证、授权、页面标题修改、记录分析数据等任务。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端开发大师

为知识付费，让知识更有价值

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值