_Enum枚举类型

最新推荐文章于 2025-11-25 14:25:34 发布

原创最新推荐文章于 2025-11-25 14:25:34 发布 · 925 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#es6 #小程序 #前端

TypeScript 专栏收录该内容

6 篇文章

订阅专栏

本文对比了未使用枚举前的简单函数，介绍了如何通过枚举类型组织status变量，展示了枚举在减少代码冗余、增强可读性和维护性方面的优点。通过实例演示了如何在项目中有效利用Status枚举进行状态管理。

_Enum枚举类型

在没介绍枚举使用方式之前先了解一下，没使用枚举时的做法
小白做法

function getServe(status: number) {
    if(status === 0){
        return '麻烦给杯水';
    }else if(status === 1) {
        return '你好，我要点餐';
    }else if(status === 2) {
        return '麻烦给张纸巾';
    }
}
const result = getServe(0);
console.log(`你好${result}`)

有些经验的

//先声明及存放
const Status = {
    WATER:0,
    ORDER:1,
    TISSUE:2
}
function getServe(status: any) {
    if(status === Status.WATER){
        return '麻烦给杯水';
    }else if(status === Status.ORDER) {
        return '你好，我要点餐';
    }else if(status === Status.ORDER) {
        return '麻烦给张纸巾';
    }
}
const result = getServe(Status.ORDER)
console.log(`你好${result}`)

使用枚举的

enum Status {
    WATER = 1,
    ORDER,
    TISSUE
}
function getServe(status: any) {
    if(status === Status.WATER){
        return '麻烦给杯水';
    }else if(status === Status.ORDER) {
        return '我要点餐';
    }else if(status === Status.ORDER) {
        return '麻烦给张纸巾';
    }
}
console.log(Status.WATER)
console.log(Status.ORDER)
console.log(Status.TISSUE)
// 反查
console.log(Status.WATER, Status[1])
const result = getServe(Status.ORDER)
console.log(`你好${result}`)

如果可以，请多在自己的项目或练习中多往这方面想，能熟练使用会给你的代码增添不少快乐哈哈