TS 枚举简单介绍

在ts中，出现了一个新的类型-枚举，使用enum定义一个枚举,枚举类似于字典的作用，让我们能通过key去映射value

enum flag {
    yes= 0,
    no= 1
}

枚举的用法也是很简单

flag.yes  flag['yes']
// 0 0

换一种定义枚举的方式，不赋值

enum flag {
    yes,
    no
}
flag.yes  flag['no']
// 0 1

当不直接赋值的时候，枚举的值将会从0开始递增，步长为 1。

enum flag {
  a,
  b=5,
  c
}
console.log(flag.a,flag.b,flag.c);
// 0 5 6
enum flag {
  a='aaa',
  b=5,
  c
}
console.log(flag.a,flag.b,flag.c);
// aaa 5 6
enum flag {
  a='aaa',
  b,
  c
}
console.log(flag.a,flag.b,flag.c);
// aaa undefined undefined

第一个例子：我们给第二个值b 赋值5，那么后边的c从b的5开始递增步长也是1，第一个值a正常是0不受影响。

第二个例子中，给a赋值为字符串，还是遵循上面的规则

第三个例子，可以这样理解-----给a赋值字符串，b不给值，那么正常b应该是a+1，但是ts是类强类型语言，没有隐式类型转换，返回undefined，就算给a是字符串‘1’，b的值还会是 undefined

换言之，在ts枚举中，如果进行了字符串赋值，那么他后一个值必须进行赋值

在枚举中ts提供了，数值型的反映射

enum flag {
  a=1,
  b=2,
  c='ctrl'
}
console.log(flag[1],flag.b,flag['ctrl']);
// a 2 undefined

只有数字型拥有反映射，字符串会返回undefined

在实战中使用

enum code {
  成功=200,
  失败=500,
  接口错误=404,
  .......
}

api().then(res => {
    console.log(code[res.code])
})

打印语句可以换成赋值，判断等等，来实现简单的应用，或者可以像开口提到的，类似于字典的用法来快速的实现渲染对应字段