【朝夕教育】《鸿蒙原生应用开发从零基础到多实战》005-TypeScript 中的枚举

标题详情
作者简介愚公搬代码
头衔华为云特约编辑,华为云云享专家,华为开发者专家,华为产品云测专家,CSDN博客专家,CSDN商业化专家,阿里云专家博主,阿里云签约作者,腾讯云优秀博主,腾讯云内容共创官,掘金优秀博主,亚马逊技领云博主,51CTO博客专家等。
近期荣誉2022年度博客之星TOP2,2023年度博客之星TOP2,2022年华为云十佳博主,2023年华为云十佳博主,2024年华为云十佳博主等。
博客内容.NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人工智能、U3D游戏、小程序等相关领域知识。
欢迎👍点赞、✍评论、⭐收藏

文章目录

  • 🚀前言
  • 🚀一、TypeScript 中的枚举
    • 🔎1.枚举基础概念
    • 🔎2.枚举与数组/对象的对比
    • 🔎3.枚举核心特性
      • 🦋3.1 自动编号规则
      • 🦋3.2 反向映射(Reverse Mapping)
      • 🦋3.3 混合类型枚举
      • 🦋3.4 任意值类型
    • 🔎4.注意事项与陷阱
      • 🦋4.1 值覆盖问题
      • 🦋4.2 计算项限制
      • 🦋4.3 字符串枚举特性
    • 🔎5.最佳实践


🚀前言

在现代编程中,枚举是一种非常实用的类型,它可以帮助我们管理和组织一组相关的常量,使代码更加清晰和易于维护。TypeScript作为一种静态类型语言,提供了对枚举的强大支持,使得开发者能够更有效地定义和使用常量集合。在鸿蒙原生应用开发中,掌握TypeScript中的枚举,不仅可以提升代码的可读性,还能减少出错的可能性。

本篇文章将深入探讨TypeScript中的枚举类型,包括数字枚举、字符串枚举以及异构枚举的使用方法。通过具体的实例,我们将展示如何在鸿蒙原生应用中灵活运用枚举,帮助你更好地管理应用中的状态和选项,使代码更加简洁明了。

🚀一、TypeScript 中的枚举

🔎1.枚举基础概念

定义:枚举(enum)是 TypeScript 对 JavaScript 的扩展,用于定义一组具名常量集合,支持通过名称或值双向访问,提升代码可读性。

🔎2.枚举与数组/对象的对比

特性数组对象枚举
访问方式仅通过索引 (arr[0])键名 (obj.key)双向访问(键名或值)
值类型任意类型任意类型数字、字符串或混合类型
自动编号不支持不支持支持(默认从0开始)

示例对比:

// 数组:只能通过索引访问
const arr = ['a', 'b', 'c'];
arr[0];      // ✅ 'a'
arr['a'];    // ❌ undefined// 对象:通过键名访问
const obj = { a: 'a', b: 'b' };
obj.a;       // ✅ 'a'
obj['a'];    // ✅ 'a'// 枚举:双向访问
enum Color { Red, Green, Blue }
Color.Green;     // ✅ 1(值)
Color[1];        // ✅ 'Green'(名称)

🔎3.枚举核心特性

🦋3.1 自动编号规则

  • 默认从 0 开始递增
  • 手动赋值后会基于前一项自动+1
enum Color1 { Red, Green, Blue }          // 0,1,2
enum Color2 { Red=1, Green, Blue }        // 1,2,3
enum Color3 { Red=1, Green=5, Blue=9 }    // 1,5,9

🦋3.2 反向映射(Reverse Mapping)

通过值获取键名(仅适用于数字枚举):

enum Color4 { Red=1, Green=5, Blue=2 }
console.log(Color4[2]); // 'Blue'

🦋3.3 混合类型枚举

支持数字、字符串、计算值混合,但需注意:

  • 计算项(如表达式、变量)后的成员必须手动赋值
  • 字符串成员后不能自动递增
let a = '123';
enum MixedEnum {Num = 1,                  // 数字项Str = 'hello',            // 字符串项Computed = a.length,      // 计算项(值为3)MustAssign = 4            // 必须手动赋值(否则报错)
}

🦋3.4 任意值类型

通过类型断言 <any> 允许非标准值,但会破坏自动递增:

enum SpecialEnum {Red = 1.5,                // 小数Green,                    // 自动+1 → 2.5Blue = <any>'b'           // 字符串(需断言)
}

🔎4.注意事项与陷阱

🦋4.1 值覆盖问题

手动赋重复值时,后面的值会覆盖前面的键名:

enum OverlapEnum { A=1, B=1, C=2 }
console.log(OverlapEnum[1]); // 'B'(覆盖了A)

🦋4.2 计算项限制

计算所得项后的成员必须手动初始化:

// ✅ 合法
enum ValidEnum {A = 1 + 1,    // 计算项B = 2         // 手动赋值
}// ❌ 错误:C没有初始化
enum InvalidEnum {A = '123'.length,  // 计算项(值为3)B                  // Error: Enum member must have initializer
}

🦋4.3 字符串枚举特性

  • 无反向映射
  • 后续成员必须手动赋值
enum StringEnum {A = 'Apple',B = 'Banana',// C  // ❌ 必须赋值
}

🔎5.最佳实践

  1. 优先数字枚举
    需要反向映射时使用数字枚举,否则考虑字符串枚举(更直观)。
  2. 避免重复值
    防止反向映射时键名被覆盖。
  3. 显式赋值
    混合类型时明确所有值,减少自动递增导致的意外行为。
  4. 常量枚举优化
    使用 const enum 提升性能(编译时内联值):
    const enum OptimizedEnum { A=1, B=2 }
    console.log(OptimizedEnum.A); // 编译后直接输出1
    

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

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

相关文章

框架模块说明 #09 日志模块_02

背景 上篇我们介绍了系统日志处理方式&#xff0c;也结合我们实际和日志系统集成的需求&#xff0c;将我们的日志文件配置成json格式。这次我们针对我们操作日志的处理进行一些介绍。 还是采用传统的aop的形式进行操作日志的保存&#xff0c;并按业务类型进行定义保存到mongodb…

DeepSeek-R1自写CUDA内核跑分屠榜:开启GPU编程自动化新时代

引言 在AI领域&#xff0c;深度学习模型的性能优化一直是研究者们关注的核心。最近&#xff0c;斯坦福和普林斯顿的研究团队发现&#xff0c;DeepSeek-R1生成的自定义CUDA内核不仅超越了OpenAI的o1和Claude 3.5 Sonnet&#xff0c;还在KernelBench框架中取得了总排名第一的好成…

记Android12上一个原生bug引起的system_server crash

欢迎使用Markdown编辑器 一. 现象描述 近日测试上报一个几乎必现的crash&#xff0c;描述如下: 现象: launcher编辑状态与锁屏解锁交互时系统概率性重启 操作步骤: 进入launcher组件编辑状态按电源键灭屏后亮屏&#xff0c;锁屏界面上滑解锁launcher编辑状态向右或向左滑动重…

系统架构设计师—计算机基础篇—计算机体系结构

文章目录 计算机硬件分级存储体系目的特点 硬件组成CPU运算器控制器 主存储器 指令系统流水线 内存按字节编址磁盘阵列 计算机硬件 分级存储体系 寄存器组&#xff08;CPU&#xff09;Cache&#xff08;内存&#xff09;主存Flash&#xff08;外存/辅存&#xff09; 目的 解…

Qt基于等待条件QWaitCondition实现的任务队列模型示例

核心概念 Qt中的QWaitCondition是一个用于多线程同步的类&#xff0c;允许线程在某些条件满足时唤醒其他等待的线程。它通常与QMutex配合使用&#xff0c;协调线程之间的执行顺序&#xff0c;适用于生产者-消费者模型、任务队列调度等场景。 ​wait()&#xff1a;使当前线程进…

JAVA实战开源项目:安康旅游网站(Vue+SpringBoot) 附源码

本文项目编号 T 098 &#xff0c;文末自助获取源码 \color{red}{T098&#xff0c;文末自助获取源码} T098&#xff0c;文末自助获取源码 目录 一、系统介绍二、数据库设计三、配套教程3.1 启动教程3.2 讲解视频3.3 二次开发教程 四、功能截图五、文案资料5.1 选题背景5.2 国内…

《Qt动画编程实战:轻松实现头像旋转效果》

《Qt动画编程实战&#xff1a;轻松实现头像旋转效果》 Qt 提供了丰富的动画框架&#xff0c;可以轻松实现各种平滑的动画效果。其中&#xff0c;旋转动画是一种常见的 UI 交互方式&#xff0c;广泛应用于加载指示器、按钮动画、场景变换等。本篇文章将详细介绍如何使用 Qt 实现…

基于 MyBatis-Plus 的多租户数据隔离方案

​什么是多租户? 多租户技术(Multi-Tenancy)是一种软件架构设计,允许多个用户(通常为企业或组织)共享同一套系统或应用程序,同时确保各用户之间的数据隔离。这种技术广泛应用于 SaaS(软件即服务)平台,能够有效降低运维成本,提高资源利用率。 核心思想:在一台服务…

8 SpringBootWeb(下):登录效验、异步任务和多线程、SpringBoot中的事务管理@Transactional

文章目录 案例-登录认证1. 登录功能1.1 需求1.2 接口文档1.3 思路分析1.4 功能开发1.5 测试2. 登录校验2.1 问题分析2.2 会话技术2.2.1 会话技术介绍2.2.2 会话跟踪方案2.2.2.1 方案一 - Cookie2.2.2.2 方案二 - Session2.2.2.3 方案三 - 令牌技术2.2.3 JWT令牌(Token)2.2.3.…

mysql系列10—mysql锁

背景 mysql中锁机制核心是保证数据的一致性以及并发控制。锁机制的实现与存储引擎有关&#xff0c;本文介绍的是INNODB存储引擎的锁机制&#xff1b;其他存储引擎如myISAM和memory等仅支持表锁不支持行锁&#xff0c;不是本文关注的重点。 本文介绍mysql数据库提供的锁机制&am…

Redis7——基础篇(八)

前言&#xff1a;此篇文章系本人学习过程中记录下来的笔记&#xff0c;里面难免会有不少欠缺的地方&#xff0c;诚心期待大家多多给予指教。 基础篇&#xff1a; Redis&#xff08;一&#xff09;Redis&#xff08;二&#xff09;Redis&#xff08;三&#xff09;Redis&#x…

《国密算法开发实战:从合规落地到性能优化》

前言 随着信息技术的飞速发展,信息安全已成为全球关注的焦点。在数字化时代,数据的保密性、完整性和可用性直接关系到国家、企业和个人的利益。为了保障信息安全,密码技术作为核心支撑,发挥着至关重要的作用。国密算法,即国家密码算法,是我国自主设计和推广的一系列密码…

yolov12 部署瑞芯微 rk3588、RKNN 部署工程难度小、模型推理速度快

yolov12 部署又来了。 特别说明&#xff1a;如有侵权告知删除&#xff0c;谢谢。 完整代码&#xff1a;包括onnx转rknn和测试代码、rknn板端部署C代码&#xff1a; 【onnx转rknn和测试代码】 【rknn板端部署C代码】 1 模型训练 yolov12训练官方开源的已经非常详细了&#…

windows本地化部署Dify+Deepseek

Windows本地化部署DifyDeepseek 一、下载Docker 前往 Docker 官网 下载 Docker Desktop&#xff0c;按序安装。 1.1启用WSL 打开本机的控制面板>程序>启用或关闭 Windows 功能,勾选: Linux 的 Windows 子系统虚拟机平台&#xff08;若无该选择则勾选 Hyper-V &#…

使用Spring Boot与达梦数据库(DM)进行多数据源配置及MyBatis Plus集成

使用Spring Boot与达梦数据库(DM)进行多数据源配置及MyBatis Plus集成 在现代企业级应用开发中&#xff0c;处理多个数据源是一个常见的需求。本文将详细介绍如何使用Spring Boot结合达梦数据库&#xff08;DM&#xff09;&#xff0c;并通过MyBatis Plus来简化数据库操作&…

第二十四:5.2【搭建 pinia 环境】axios 异步调用数据

第一步安装&#xff1a;npm install pinia 第二步&#xff1a;操作src/main.ts 改变里面的值的信息&#xff1a; <div class"count"><h2>当前求和为&#xff1a;{{ sum }}</h2><select v-model.number"n">  // .number 这里是…

使用 DeepSeek 生成流程图、甘特图与思维导图:结合 Typora 和 XMind 的高效工作流

在现代工作与学习中&#xff0c;可视化工具如流程图、甘特图和思维导图能够极大地提升信息整理与表达的效率。本文将详细介绍如何使用 DeepSeek 生成 Mermaid 文本&#xff0c;结合 Typora 快速生成流程图和甘特图&#xff0c;并通过 Markdown 格式生成思维导图&#xff0c;最终…

DeepSeek 开源周:第五天 - Fire-Flyer 文件系统(3FS)

&#xff08;下面文字主要由 Grok 3 协助生成&#xff09; 概述 Deepseek 今天开源的 Fire-Flyer 文件系统&#xff08;3FS&#xff09;是一个高性能分布式文件系统&#xff0c;专门为 AI 训练和推理设计。研究表明&#xff0c;它解决了 AI 工作负载中处理海量数据的高效存储需…

【笔记】论文阅读方法(AI大模型)

1 为什么读论文 构建知识体系&#xff1a;通过Related Works快速了解该方向研究现状&#xff0c;追踪经典论文 紧跟前沿技术&#xff1a;了解领域内新技术及效果&#xff0c;快速借鉴到自身项目 培养科研逻辑&#xff1a;熟悉论文体系&#xff0c;了解如何创造新事物&#x…

【数据集】ACM数据集

ACM&#xff08;Association for Computing Machinery&#xff09;数据集是计算机科学领域常用于研究学术论文、作者关系、引文网络、推荐系统、图神经网络&#xff08;GNN&#xff09;等任务的数据集之一。该数据集通常包含学术论文、作者、研究领域以及它们之间的关系&#x…