泸州高端网站建设公司一个空间可以建多个网站
| 标题 | 详情 |
|---|---|
| 作者简介 | 愚公搬代码 |
| 头衔 | 华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，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.最佳实践
- 优先数字枚举
需要反向映射时使用数字枚举，否则考虑字符串枚举（更直观）。 - 避免重复值
防止反向映射时键名被覆盖。 - 显式赋值
混合类型时明确所有值，减少自动递增导致的意外行为。 - 常量枚举优化
使用const enum提升性能（编译时内联值）：const enum OptimizedEnum { A=1, B=2 } console.log(OptimizedEnum.A); // 编译后直接输出1