关于前端: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

评论