小小小幸运 发表于 2024-8-21 03:25:33

优雅利用前端枚举Enum,符合国标的那种!

01、什么是枚举Enum?


枚举Enum是在多种语言中都有的一种数据类型,用于表现一组特定相关的常量数据集合,如性别(男、女)、数据状态(可用、禁用)、垂直对齐(顶端、居中、底部)、星期等。特点是数据值固定,不会变,存储和表现的内容不同。

然而在JavaScript中并没有枚举Enum类型,TypeScript算是有(本文中暂没用用TS的枚举)。在前端项目中照旧会用到经常用到这类型数据的,本文就对枚举做一个通用封装,并进行尽量全局的总结。
先来看看最常用的性别:


https://i-blog.csdnimg.cn/blog_migrate/d3fbb54ffaeb0d265412c42d881f8db9.png
   ❓你的体系中性别用的什么存储的呢?



[*] 在UI上表现为Text笔墨描述,如表格、单选项。



[*] 传输或存储时,一般会用一个有意义的字符编码,或者数字,两种方式都有也都可以。

   

[*] 假如数据量少,可以用字符编码,如M(男)、Male(男),可读性更好,就是占用空间比数字类型多。
[*] 推荐采用短整形数字表现,存储空间更小,采用一个字节的最小整形即可(值为0到255)。


https://i-blog.csdnimg.cn/blog_migrate/3a010da25298e45344dc94e7e47d1cb5.png

针对性别的枚举值,其实是有国家标准的,国标中就是用的整数值标识。

   
页: [1]
查看完整版本: 优雅利用前端枚举Enum,符合国标的那种!