enum类型是对JavaScript标准数据类型的一个补充。

在运行环境下编译成对象, 可用属性名索引, 也可用属性值索引。而其实现原理为:反向映射 (如下例)
 
  • 数字枚举

enum Role {
Reporter, // Reporter = 1, 默认情况下,从0开始为元素编号。 也可赋值,后续值递增
Developer,
Maintainer,
Owner,
Guest
}

编译准成为如下:

var Role;
(function (Role) {
Role[Role["Reporter"] = 0] = "Reporter";
Role[Role["Developer"] = 1] = "Developer";
Role[Role["Maintainer"] = 2] = "Maintainer";
Role[Role["Owner"] = 3] = "Owner";
Role[Role["Guest"] = 4] = "Guest";
})(Role || (Role = {}));
  • 字符串枚举 :

    只有成员的名称被当作的key,未作反向映射
enum Message {
Success = '成功!',
Fail = '失败!'
}

编译准成为如下:

var Message;
(function (Message) {
Message["Success"] = "\u6210\u529F\uFF01";
Message["Fail"] = "\u5931\u8D25\uFF01";
})(Message || (Message = {}));
  • 异构枚举 :

可以混合字符串和数字成员

enum Answer {
N,
Y = 'Yes'
}
// 编译结果如下:
var Answer;
(function (Answer) {
Answer[Answer["N"] = 0] = "N";
Answer["Y"] = "Yes";
})(Answer || (Answer = {}));
  • 枚举成员(只读的状态):

    分为 常量成员计算成员

enum Char {
// const member 为未初始化/对已有枚举成员的引用/常量表达式 (在编译时计算出结果,然后以常量的形式出现在运行环境
a,
b = Char.a,
c = 1 + 3,
// compute member 不会在编译阶段进行计算,而会保留到程序的执行阶段
d = Math.random(),
e = '123'.length,
}
编译后==》
var Char;
(function (Char) {
// const member 为未初始化/对已有枚举成员的引用/常量表达式 (在编译时计算出结果,然后以常量的形式出现在运行环境
Char[Char["a"] = 0] = "a";
Char[Char["b"] = 0] = "b";
Char[Char["c"] = 4] = "c";
// compute member 不会在编译阶段进行计算,而会保留到程序的执行阶段
Char[Char["d"] = Math.random()] = "d";
Char[Char["e"] = '123'.length] = "e";
})(Char || (Char = {})); Char.a = 2 // Cannot assign to 'a' because it is a read-only property (只读状态)
  • 常量枚举 :

用const定义的枚举为常量枚举,会在编译阶段被移除

场景:当不需要一个对象,而只需要对象的值时,可使用常量枚举。会减少在编译环境上的代码

const enum Month {
Jan,
Feb,
Mar
}
let month = [Month.Jan, Month.Feb, Month.Mar]
编译后==》
var month = [0 /* Jan */, 1 /* Feb */, 2 /* Mar */];
  • 枚举类型:

在某种情况下,枚举和枚举成员都可以作为一种单独的类型存在(枚举成员没有初始值 / 所有成员都为数字枚举 / 所有成员均为字符串枚举)

enum E { a, b }
enum F { a = 0, b = 1 }
enum G { a = 'apple', b = 'banana'} let e: E = 3
let f: F = 3
e === f This condition will always return 'false' since the types 'E' and 'F' have no overlap// 两种不同种类的枚举是无法比较的 let e1: E.a = 1
let e2: E.b = 2
// e1 === e2 同上
let e3: E.a = 3
e1 === e3 // 相同枚举成员类型,即可比较 let g1: G = G.a | G.b // 字符串枚举 取值只能是 枚举成员的类型
let g2: G.a = G.a // 只能为G.a

TypeScript——枚举类型的更多相关文章

  1. typescript枚举,类型推论,类型兼容性,高级类型,Symbols(学习笔记非干货)

    枚举部分 Enumeration part 使用枚举我们可以定义一些有名字的数字常量. 枚举通过 enum关键字来定义. Using enumerations, we can define some ...

  2. TypeScript中的枚举类型

    TypeScript拓展了Javascript原生的标准数据类型集,增加了枚举类型(enmu)和其他语言一 样 它提供我们一种数字类型的值,用来设置由于辨别的名字和方法 enum Students { ...

  3. TypeScript 中枚举类型的理解?应用场景?

    一.是什么 枚举是一个被命名的整型常数的集合,用于声明一组命名的常数,当一个变量有几种可能的取值时,可以将它定义为枚举类型 通俗来说,枚举就是一个对象的所有可能取值的集合 在日常生活中也很常见,例如表 ...

  4. TypeScript 之类型判断

    在使用 Angular 做项目的时候,对 TypeScript 的类型判断不太熟练,为了方便查找,特意对 TypeScript 的类型判断做了简单梳理.文章只是 TS 官网的内容摘要,没有高深的知识, ...

  5. TypeScript基础类型,类实例和函数类型声明

    TypeScript(TS)是微软研发的编程语言,是JavaScript的超集,也就是在JavaScript的基础上添加了一些特性.其中之一就是类型声明. 一.基础类型 TS的基础类型有 Boolea ...

  6. TypeScript 基本类型(一)

    1.boolean 布尔值 true/false let isDone: boolean = false; 2.number 数字:和JavaScript 一样,TypeScript 里的所有数字都是 ...

  7. TypeScript 高级类型

    ⒈交叉类型(Intersection Types) 交叉类型是将多个类型合并为一个类型. 这让我们可以把现有的多种类型叠加到一起成为一种类型,它包含了所需的所有类型的特性. 例如, Person &a ...

  8. TypeScript 枚举

    我们常常会有这样的场景,比如与后端开发约定订单的状态开始是0,未结账是1,运输中是2,运输完成是3,已收货是4.这样的纯数字会使得代码缺乏可读性.枚举就用于这样的场景.枚举可以让我们定义一些名字有意义 ...

  9. TypeScript的类型

    ⒈TypeScript的类型 JavaScript语言的数据类型包括以下7种: 1.boolean(布尔),true || false 2.null,表明null值得特殊关键字,JavaScript是 ...

随机推荐

  1. PHP如何查找一列有序数组是否包含某值(二分查找)

    问题:对于一列有序数组,如何判断给出的一个值,该值是否存在于数组. 思路:判断是否存在,最简单是,直接循环该数组,对每一个值进行比较.但是对于有序数组来说,这样写就完全没有利用好“有序”这一特点. 所 ...

  2. clientDataSet转换sql

    ReadMe 新版本delphi,可以用string类型,旧版本需要用widestring =========================================== function T ...

  3. 8051单片机中访问int中字节的方法

    在使用单片机中,unsigned int 占2个字节,unsigned char 占一个字节.而单片机是实行的字节寻址.16字节的bit寻址实在是不好用, 不好用在不能建数组. 在实际的开发过程中,要 ...

  4. 微信公众号sdk

    微信公众号开发 能享用微信公众号的API,比如分享给好友,分享到朋友圈,禁止菜单功能,选择图片,获取地址,以及支付 微信的功能有两种执行方式 一种是 wx.xx 一种是 WeixinJSBridge. ...

  5. 005.Delphi插件之QPlugins,IQNotify通知

    演示的界面如下,拖动滚动条,百分比圆和进度条也是会跟着动的 主程序的代码如下 unit Frm_Main; interface uses Winapi.Windows, Winapi.Messages ...

  6. php绕过open_basedir设置

    原理关于open_basedir    open_basedir是php.ini中的一个配置选项    它可将用户访问文件的活动范围限制在指定的区域,    假设open_basedir=/home/ ...

  7. 西门子 S7-200CN CPU 224CN EEPROM芯片

    拆下来了个 224CN 的EEPROM芯片

  8. window 如何访问虚拟机的mapreduce(遇到的坑)

    首先 先把你虚拟机和本机网络链接弄通 (详情看上一篇)  一些关于mapreduce 和hadoop的配置都在上一篇 安装eclipse 的hadoop Map/Reduce插件详情 看其他博客园.. ...

  9. DIV 透明度 设置

    filter:alpha(opacity=70); -moz-opacity:0.70;-khtml-opacity: 0.70;   opacity: 0.70;

  10. 记录:JAVA抽象类、接口、多态

    JAVA抽象类.接口.多态 1. 多态 定义 多态是同一个行为具有多个不同表现形式或形态的能力.(多态就是同一个接口,使用不同的实例而执行不同操作) 如何实现多态 继承和接口 父类和接口类型的变量赋值 ...