在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])
})
打印语句可以换成赋值,判断等等,来实现简单的应用,或者可以像开口提到的,类似于字典的用法来快速的实现渲染对应字段