首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【TypeScript】010-类型别名、字符串字面量类型、元组、枚举

2、字符串字面量类型 字符串字面量类型用来约束取值只能是某几个字符串中的一个。...上例中,我们使用 type 定了一个字符串字面量类型 EventNames,它只能取三种字符串中的一种。 注意,类型别名与字符串字面量类型都是使用 type 进行定义。...如果未手动赋值的枚举项与手动赋值的重复了,TypeScript 是不会察觉到这一点的: enum Days {Sun = 3, Mon = 1, Tue, Wed, Thu, Fri, Sat}; console.log...[3] === "Sun"); // false console.log(Days[3] === "Wed"); // true 上面的例子中,递增到 3 的时候与前面的 Sun 的取值重复了,但是 TypeScript...常数枚举表达式是 TypeScript 表达式的子集,它可以在编译阶段求值。

6700

《现代Typescript高级教程》枚举和泛型

现代JavaScript高级小册 深入浅出Dart 现代TypeScript高级小册 枚举和泛型 接下来我们将学习TypeScript 中的两个重要主题:枚举(Enums)和泛型(Generics)。...枚举 枚举是 TypeScript 中一种特殊的数据类型,允许我们为一组数值设定友好的名字。枚举的定义使用 enum 关键字。...常量枚举通过 const enum 进行定义,TypeScript 会在编译阶段进行优化: const enum Enum { A = 1, B = A * 2 } 异构枚举 TypeScript...支持数字和字符串混用的枚举,这种类型的枚举被称为异构枚举: enum BooleanLikeHeterogeneousEnum { No = 0, Yes = "YES", } 尽管...TypeScript 支持这种用法,但我们在实际项目中应尽可能避免使用异构枚举,因为这会引入不必要的复杂性。

24610
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    TypeScript-数字枚举和字符串枚举

    TypeScript-数字枚举和字符串枚举TS 中支持两种枚举, 一种是 数字枚举, 一种是 字符串枚举数字枚举默认情况下就是数字枚举enum Gender { Male, Female}console.log...}console.log(Gender.Male);也可以根据原始值获取到枚举值enum Gender { Male, Female}console.log(Gender[0]);字符串枚举如果使用字符串给前面的枚举值赋值了...);console.log(Gender.Female);字符串枚举注意点如果使用字符串给前面的枚举值赋值了, 那么后面的枚举值也必须手动赋值上面已经介绍了和数字枚举不一样, 字符串枚举不能使用常量或者计算结果给枚举值赋值虽然字符串枚举不能够使用常量或者计算结果给枚举值赋值...(Gender.Yao);异构枚举枚举中既包含数字又包含字符串, 我们就称之为 异构枚举enum Gender { Male = 6, Female = 'nv'}console.log(Gender.Male...);console.log(Gender.Female);注意点:如果是字符串枚举, 那么无法通过原始值获取到枚举值:enum Gender { Male = 6, Female = 'nv

    32910

    枚举_TypeScript笔记7

    按照枚举值的类型,把枚举分为数值枚举,字符串枚举以及异构枚举。...具体的,没被显式初始化的枚举值,要么最先出现,要么出现在在其它数值常量枚举值之后 反向映射 TypeScript里可用通过枚举值取到对应枚举常量名,这种特性称之为反向映射(reverse mapping...(为了弥补数值枚举在运行时的可读性缺陷),其它类型的枚举并不建立反向关系 三.字符串枚举 enum Direction { Up = "UP", Down = "DOWN", Left = "LEFT...", Right = "RIGHT", } 与数值枚举类似,字符串枚举的枚举值都是字符串,但有2点差异: 字符串枚举没有自增机制,要求每个成员都显式初始化 字符串枚举没有反向映射 对比数值枚举,字符串枚举的一大优势是在运行时仍能保留值的含义...,就隐式赋值为上一个枚举值加一 枚举成员被显式赋值为常量枚举表达式(TypeScript表达式的子集,能在编译时求值,具体见constant enum expression) 例如: enum FileAccess

    54420

    何时在 TypeScript 中使用枚举

    当使用TypeScript中的枚举(Enums)时,可以在文章中找到一些极具洞察力的信息。TypeScript中的枚举允许我们定义一组命名常量。它们本质上是为一组数字值提供更友好的名称的一种方式。...可以使用enum关键字来定义枚举。我提供了一些枚举可以特别有用的场景:表示状态 - 枚举对于表示应用程序中的不同状态非常有用。...enum GameState { Loading, Playing, Paused, GameOver }一周中的每一天 - 在处理一周中的日期时,枚举可以使您的代码更直观...Sunday, Monday, Tuesday, Wednesday, Thursday, Friday, Saturday }错误代码 - 枚举可以完美地处理错误代码或状态...enum UserRole { Admin, Moderator, User, Guest }配置标志 - 如果您的应用程序有各种配置选项,枚举可以用来表示它们。

    17000

    理解 TypeScript 枚举及其最佳实践

    理解 TypeScript 枚举及其最佳实践 在现代前端开发中,TypeScript 以其强大的静态类型检查和丰富的语法特性,逐渐成为开发者的首选。...而枚举(Enum)作为 TypeScript 中的一种特殊数据结构,提供了一种更好的方式来管理一组相关常量。 什么是枚举? 枚举是一种数据结构,用于定义一组命名常量。...为什么使用枚举? 可读性:枚举为代码提供了更高的可读性。相比于使用字符串或数字,枚举成员的名称可以更清晰地表达其意义。 可维护性:枚举将相关的值集中在一起,方便管理和维护。...类型安全:TypeScript 枚举提供了编译时的类型检查,减少了运行时错误的可能性。 如何使用枚举? 在 TypeScript 中定义枚举非常简单。...每个成员都与一个字符串值相关联,便于在应用程序中使用。 枚举的最佳实践 命名规范:使用 PascalCase 为枚举命名,成员名称使用全大写字母。例如:UserRole 和 ADMIN。

    9200

    TypeScript-运行时和常量枚举

    运行时枚举枚举在编译之后是一个真实存储的 对象, 所以可以在运行时使用enum Gender { Male, Female}将如上代码用 tsc 进行编译得到编译之后的源代码:图片tsc index.ts...编译之后的源代码内容如下,编译之后发现枚举代码雀实是存在的:图片而像接口这种只是用来做 约束 做 静态检查 的代码, 编译之后是 不存在 的interface TestInterface { name...string; age: number;}将如上代码用 tsc 进行编译得到编译之后的源代码:图片tsc index.ts编译之后的源代码内容如下,编译之后发现接口代码雀实是不存在了:图片常量枚举普通枚举和常量枚举的区别普通枚举会生成真实存在的对象常量枚举不会生成真实存在的对象..., 而是利用枚举成员的值直接 替换 使用到的地方// 普通枚举enum Gender1 { Male, Female}console.log(Gender1.Male === 0);// 常量枚举

    19520

    TypeScript入门——扩展类型之枚举

    第二个和第三个问题想要解决就需要靠枚举了 枚举的 “道” 1. 如何定义一个枚举?...//枚举字段表示性别有哪些取值 enum 枚举名 { 枚举字段1:值1, 枚举字段2:值2, 枚举字段3:值3, } //以性别为例 enum Gender { male...枚举的规则 枚举的值可以是字符串或数字 字符串刚刚已经说过了,枚举性别用的就是字符串,我们把值为数字的称为数字枚举 数字枚举的值会自动自增,只有数字有这个特点 举个栗子: 定义了一个data枚举,是周一到星期天的字段值...,当给Monday赋值为1时,其它值会根据上一个值依次自增,如果第一个值没有赋值,那么它会从0开始, 数字枚举的编译结果和字符串枚举编译的结果有差异 这是数字枚举编译后的结果 3....枚举的最佳实践 尽量不要在一个枚举中既出现字符串字段,又出现数字字段 使用枚举时,尽量使用枚举字段的名称,而不使用真实的值,就是把逻辑的值和真实的值分开 能用枚举就用枚举,使用类型别名,那两个问题逃不掉

    1K40

    TypeScript-枚举类型

    无论您是新手还是有经验的开发者,都能在这篇文章中找到有关TypeScript的重要信息和实用技巧。让我们一起探索这个强大的编程语言!...枚举类型是 TS 为 JS 扩展的一种类型,在原生的 JS 中是没有枚举类型的,枚举用于表示固定的几个取值 例如:一年只有四季、人的性别只能是男或者女 定义枚举 enum Gender { Male..., Female } 如上代码的含义为,定义了一个名称叫做 Gender 的枚举类型, 这个枚举类型的取值有两个, 分别是 Male 和 Female: enum Gender { Male...(Gender.Female); 图片 如果手动指定了后面枚举值的取值, 那么前面枚举值的取值不会受到影响: enum Gender { Male, Female = 8 } console.log...(Gender.Male); console.log(Gender.Female); 图片 我们还可以同时修改多个枚举值的取值,如果同时修改了多个, 那么修改的是什么最后就是什么: enum Gender

    20320

    枚举转字符串

    枚举转字符串 1.开篇 2.实现原理 3.代码实现 4.实例调试 5.总结 1.开篇   在代码调试时,我们经常需要直观地定位当前枚举变量为哪个枚举常量。...通常通过打印枚举值就可以确定,但是当枚举常量表过多时,就不那么直观了。本篇记录一种C/C++枚举变量转字符串的实用技巧。...  通过第一个用法,如果能够将 “#” 与枚举结合起来,似乎就能实现枚举转成字符串了。...包含signal_list.gen,将.gen的内容定义成字符串。 通过GetMsgName返回指定枚举对应的字符串。...MSG_TEST)); return 0; } 调试打印 28 DemoSignal D: Msg id [2] name [MSG_TEST] 5.总结 在此前面对此类需求时,通常是定义一个下标与枚举一致的数组来记录枚举字符串

    1K20

    TypeScript - 类型声明、枚举、函数、接口

    可定义的类型 以下所写的并不代表typescript的数据类型,而是在使用过程中可以用作定义的类型。...这里只列举一些常见的,不代表只有以下这些 number : 数值类型; string : 字符串类型; boolean : 布尔类型; Array : 数组类型; Date : 日期; RegExp...使用枚举我们可以定义一些带名字的常量,当枚举作为类型时,表示该属性只能为枚举中的某一个成员 1.字符串枚举 enum SEX{ man = '男', woman = '女', unknown...枚举类型本身变成了每个枚举成员的联合,它可以知道枚举里的值的集合 enum Direction { Up, Down, Left, Right } let..., 要注意的是不会为字符串枚举成员生成反向映射 enum Enum { A } let a = Enum.A; let nameOfA = Enum[a]; // "A" TypeScript可能会将这段代码编译为下面的

    1.8K10
    领券