1.概述

枚举用于定义数据集合,使用枚举可以定义一些带名字的常量,有普通枚举、字符串枚举和常量枚举等类型。

2.示例

  • 普通枚举:初始值默认为 0,其余的属性按顺序依次递增。
enum Color {Red,Blue,Green
}
console.log(Color.Red);  //0
// const red:Color=Color.Red;
// console.log(red);
复制代码

也可手动设置初始值(其余的属性依旧按顺序递增):

enum Color {Red=3,Blue,Green
}
console.log(Color.Red);  //3
复制代码
  • 字符串枚举:
enum Color {     Red='红色',Blue='蓝色',Green='绿色'
}
console.log(Color.Blue);  //蓝色
复制代码
  • 常量枚举:使用 const 关键字修饰的枚举
const enum Color {Red,Blue,Green
}
console.log(Color.Red,Color.Blue,Color.Green);  //0 1 2
复制代码

3.枚举的实际应用

//enum.ts
/** 登录状态 */
export enum LoginStatus {  //普通枚举Login,Register,
}
//LoginStatus[0]---'Login'//index.vue
<template><el-button color="#4A52FF" class="w-284px h-54px rounded-6px text-20px font-light" type="primary"@click="userLogin">登录</el-button>
</template><script setup lang='ts'>
import { LoginStatus } from '~/types';
</script>
复制代码

可修改为:

//enum.ts
/** 登录状态 */
export enum LoginStatus {   //中文的字符串枚举'登录','注册',
}
//LoginStatus['登录']---0
//LoginStatus[0]---登录//index.vue
<template><el-button color="#4A52FF" class="w-284px h-54px rounded-6px text-20px font-light" type="primary"@click="userLogin">{{ LoginStatus[0] }}   //登录</el-button>
</template><script setup lang='ts'>
import { LoginStatus } from '~/types';
</script>
复制代码

英文的普通枚举只有一种作用:只能通过数组下标读出枚举里的属性,不便于代码的理解。

LoginStatus[0]---'Login'

中文的字符串枚举有两种作用:

1.当用中文形式时,可以显示出对象属性的索引。LoginStatus['登录']---0

2.当用数组下标形式时,可以显示出中文,以便提高代码的可读性与理解。LoginStatus[0]---登录

所以,项目中建议使用中文的字符串枚举。
参考:https://juejin.cn/post/7137982601481945102

TS—枚举Enum用法相关推荐

  1. js枚举enum用法

    const.ts: export enum ApplicationTpe {SelfApplication,Accounts,ThirdApplication } 在使用时:ApplicationTp ...

  2. mysql 枚举 enum用法_mysql中的枚举类型ENUM的用法:

    mysql中的枚举类型ENUM的用法: (2010-06-18 13:44:13) mysql中的枚举类型ENUM的用法: mysql中的枚举类型ENUM是一个字符串对象,它的值是自表创建时在列规定中 ...

  3. java的枚举类型是什么_什么是枚举(java枚举类型enum用法)

    最佳回答 枚举 1.枚举 (enumeration) 值类型的一种特殊形式,它从 System.Enum 继承,并为基础基元类型的值提供备用名称.枚举类型有名称.基础类型和一组字段.基础类型. &qu ...

  4. Java 枚举(enum) 7种常见的用法

    在JDK1.5引入了新的类型--枚举.在 Java 中它虽然算个"小"功能,却给我的开发带来了"大"方便. 用法一:常量 在JDK1.5 之前,我们定义常量都是 ...

  5. 枚举类型enum用法赋值

    枚举常量是一种枚举类型中的值,及枚举值,枚举类型是由用户自定义的,只用用户在程序中定义它才能被使用.创建一个枚举类型的基本语法: enum 枚举类型名{ 枚举值1,枚举值2,- } 枚举类型名是由用户 ...

  6. c语言枚举类型enum用法及应用

    大家好,我是无际. 今天跟大家讲一下我在产品开发时,用枚举(enum)的一些骚操作. 我跟你保证,今天的内容绝对是你在书本和视频学不到的. 为什么要讲枚举呢? 因为我发现它是一个容易被遗忘,同时又非常 ...

  7. c枚举类型enum例题_c枚举类型enum用法 枚举类型enum用法 怎么去取所有

    JUDGE(S W ) 指 W 属于 S 枚举类型还是自定义函数里的2个变量不要太久太久不联系我,我怕我一不小心把你忘了. (1) 枚举型是一个集合,集合中的元素(枚举成员)是一些命名的整型常量,元素 ...

  8. enum枚举类型用法

    文章目录 1. 枚举类型和枚举变量 1.1 枚举类型的定义和声明 1.2 枚举变量的定义和声明 2. 枚举变量和枚举常量的关联对应 3. 枚举类型和变量的应用 3.1 作为判断语句中的逻辑 3.2 一 ...

  9. Java枚举(enum)常用的用法总结

    Java枚举[enum] Java枚举(enum)七种常见的用法汇总如下: 用法一:常量 用法二:switch 用法三:向枚举中添加新方法 用法四:覆盖枚举的方法 用法五:实现接口 用法六:使用接口组 ...

最新文章

  1. Android Content Provider Security
  2. opencv进阶学习笔记6:使用鼠标在图像上绘制矩形框或者多边形框
  3. wifi共享大师电脑版_手机也能给电脑上网!WiFi热点已经out了,蓝牙USB线也能共享网络...
  4. Inside Dynamics Axapta源代码赏析(四)
  5. C++(STL):09---vector迭代器失效问题
  6. sass 安装和使用
  7. Week 1:那些值得一阅的好文章
  8. zxr10交换机配置手册vlan_中兴ZXR10 G系列交换机SVLAN使用指导
  9. Latex 中cite的使用
  10. [No0000143]Win10“卓越性能模式”
  11. 基于OptiSystem的高速远距离光纤通信系统研究
  12. 多子群的共生非均匀高斯变异樽海鞘群算法-附代码
  13. linux eqep驱动框架,AM3352 数据表, 产品信息与支持 | TI.com.cn
  14. 怎么卸载VS2013?亲测有效
  15. 【RDMA】RDMA编程实例(IBV Verbs )
  16. 打开 igv java_【2019-04-23】 IGV打不开的处理办法
  17. 《Python编程无师自通》第20章 融会贯通
  18. UEFI原理与编程实践--UEFI系统的启动过程
  19. Chrome | BookMarks
  20. Unity替换 图集

热门文章

  1. Hadoop生态系统:用于处理大数据的Hadoop工具
  2. Android自定义View之Layout内部布局自定义
  3. 维吉尼亚密码c语言实现
  4. C语言学习笔记之C语言简史(不看后悔系列)
  5. 【面经】美团——后台开发
  6. oracle备份恢复之recover database的五条语句区别
  7. python实现svm源程序_python实现SVM
  8. FastClick遇到的坑及解决办法
  9. 金融自考专业考点讲解!应纳税额与税收优惠
  10. linux基础面试题