关于前端:TS枚举

ts 中，枚举类型就是，枚举外面的每个数据值都能够叫做元素，每个元素都有本人的编号，编号是从 0 开始的，顺次递减少 1 ，语法： enum 枚举名 {}
此处定义一个枚举类型，例如：

enum Color{
    red,    // 0  
    green,  // 1
    blue    // 2
}

在枚举类型中，属性的地位默认是从 0 开始的，color中 red 是第一个，默认地位为0，所以顺次往下排列，值别离为：red：0, green:1, blue:2

能够定义一个枚举类型的变量，来承受枚举的值

// 定义枚举类型的变量 color 来接管 Color 的值
let color : Color = Color.red
console.log(color);  // 0  

依据默认值顺次递增：

console.log(Color.red,Color.green,Color.blue);   //  0，1，2

能够通过枚举的编号拿到值

console.log(Color[2]);  // blue

根据上述的列子能够看进去，枚举其实就是 == 依据默认值的顺序排列 ==，枚举内第一个的默认值是 0 的话，顺次排列, 第一个值是 0，第二个值是 1，第三个值是 2。

但此时又有问题了，如果枚举内有 4 个值，第一个值为 10，第三个值手动设置为 30 的话，又该怎么排列呢？

enum Nums2{
    red = 10,
    green,   // 递增
    blue = 30,
    cyan
}

在这里将枚举内的 blue 默认值设为30，如果顺次排列的话，打印的就是

// 顺次递增，第一个默认编号 10   打印：10 , 11 , 30 , 31
console.log(Nums2.red,Nums2.green,Nums2.blue);  

枚举的取值：

// 定义一个 Nums2 的枚举类型的变量来承受枚举的值
let nums2 : Nums2 = Nums2.red   // 此处的 Nums2.red 的默认值为下面定义的 10 
console.log(nums2);  // 10

案例源码：https://gitee.com/wang_fan_w/ts-seminar

如果感觉这篇文章对你有帮忙，欢送点亮 star