TS—枚举Enum用法
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用法相关推荐
- js枚举enum用法
const.ts: export enum ApplicationTpe {SelfApplication,Accounts,ThirdApplication } 在使用时:ApplicationTp ...
- mysql 枚举 enum用法_mysql中的枚举类型ENUM的用法:
mysql中的枚举类型ENUM的用法: (2010-06-18 13:44:13) mysql中的枚举类型ENUM的用法: mysql中的枚举类型ENUM是一个字符串对象,它的值是自表创建时在列规定中 ...
- java的枚举类型是什么_什么是枚举(java枚举类型enum用法)
最佳回答 枚举 1.枚举 (enumeration) 值类型的一种特殊形式,它从 System.Enum 继承,并为基础基元类型的值提供备用名称.枚举类型有名称.基础类型和一组字段.基础类型. &qu ...
- Java 枚举(enum) 7种常见的用法
在JDK1.5引入了新的类型--枚举.在 Java 中它虽然算个"小"功能,却给我的开发带来了"大"方便. 用法一:常量 在JDK1.5 之前,我们定义常量都是 ...
- 枚举类型enum用法赋值
枚举常量是一种枚举类型中的值,及枚举值,枚举类型是由用户自定义的,只用用户在程序中定义它才能被使用.创建一个枚举类型的基本语法: enum 枚举类型名{ 枚举值1,枚举值2,- } 枚举类型名是由用户 ...
- c语言枚举类型enum用法及应用
大家好,我是无际. 今天跟大家讲一下我在产品开发时,用枚举(enum)的一些骚操作. 我跟你保证,今天的内容绝对是你在书本和视频学不到的. 为什么要讲枚举呢? 因为我发现它是一个容易被遗忘,同时又非常 ...
- c枚举类型enum例题_c枚举类型enum用法 枚举类型enum用法 怎么去取所有
JUDGE(S W ) 指 W 属于 S 枚举类型还是自定义函数里的2个变量不要太久太久不联系我,我怕我一不小心把你忘了. (1) 枚举型是一个集合,集合中的元素(枚举成员)是一些命名的整型常量,元素 ...
- enum枚举类型用法
文章目录 1. 枚举类型和枚举变量 1.1 枚举类型的定义和声明 1.2 枚举变量的定义和声明 2. 枚举变量和枚举常量的关联对应 3. 枚举类型和变量的应用 3.1 作为判断语句中的逻辑 3.2 一 ...
- Java枚举(enum)常用的用法总结
Java枚举[enum] Java枚举(enum)七种常见的用法汇总如下: 用法一:常量 用法二:switch 用法三:向枚举中添加新方法 用法四:覆盖枚举的方法 用法五:实现接口 用法六:使用接口组 ...
最新文章
- Android Content Provider Security
- opencv进阶学习笔记6:使用鼠标在图像上绘制矩形框或者多边形框
- wifi共享大师电脑版_手机也能给电脑上网!WiFi热点已经out了,蓝牙USB线也能共享网络...
- Inside Dynamics Axapta源代码赏析(四)
- C++(STL):09---vector迭代器失效问题
- sass 安装和使用
- Week 1:那些值得一阅的好文章
- zxr10交换机配置手册vlan_中兴ZXR10 G系列交换机SVLAN使用指导
- Latex 中cite的使用
- [No0000143]Win10“卓越性能模式”
- 基于OptiSystem的高速远距离光纤通信系统研究
- 多子群的共生非均匀高斯变异樽海鞘群算法-附代码
- linux eqep驱动框架,AM3352 数据表, 产品信息与支持 | TI.com.cn
- 怎么卸载VS2013?亲测有效
- 【RDMA】RDMA编程实例(IBV Verbs )
- 打开 igv java_【2019-04-23】 IGV打不开的处理办法
- 《Python编程无师自通》第20章 融会贯通
- UEFI原理与编程实践--UEFI系统的启动过程
- Chrome | BookMarks
- Unity替换 图集