Typescript 枚举类型

枚举是用来表示一组明确的可选值列表

javascript 复制代码
// enum是枚举类型的关键字
//枚举如果不设置值,默认从0开始
enum Direction {
    Up, // 0		 
    Down, // 1		 
    Left, // 2
    Right // 3
  }
//如果给第一个值赋值为100,则第二、第三第四个都会在第一个的基础上+1 分别是101,102,103
enum Direction {
    Up=100, 	 
    Down, // 101		 
    Left, // 102
    Right // 103
  }
  
enum Direction {
    Up=100, 	 
    Down, // 101		 
    Left=200, 
    Right // 201
  }

 //赋值的情况
 enum Direction {
    Up = 'Up',
    Down = 'Down',
    Left = 'Left',
    Right = 'Right'
  }
//  把枚举类型Direction 转化为js
  var Direction = void 0;//先声明一个变量
    (function (Direction) {
        Direction["Up"] = "Up";//Direction["Up"]等价于Direction.up
        Direction["Down"] = "Down";
        Direction["Left"] = "Left";
        Direction["Right"] = "Right";
    })(Direction || (Direction = {}));//这整个是一个立即执行函数 "Direction || (Direction = {})"这个作为参数,其实Direction刚开始就是一个空对象{}
    
复制代码
枚举不仅可以通过键找值也可以通过值找键,里面采用了反射,我们把下面代码输出到控制台查看
javascript 复制代码
 	enum Direction {
    Up, // 0		 
    Down, // 1		 
    Left, // 2
    Right // 3
  }
  console.log(Direction)
相关推荐
LuciferHuang2 小时前
震惊!三万star开源项目竟有致命Bug?
前端·javascript·debug
GISer_Jing2 小时前
前端实习总结——案例与大纲
前端·javascript
天天进步20152 小时前
前端工程化:Webpack从入门到精通
前端·webpack·node.js
姑苏洛言3 小时前
编写产品需求文档:黄历日历小程序
前端·javascript·后端
知识分享小能手3 小时前
Vue3 学习教程,从入门到精通,使用 VSCode 开发 Vue3 的详细指南(3)
前端·javascript·vue.js·学习·前端框架·vue·vue3
姑苏洛言3 小时前
搭建一款结合传统黄历功能的日历小程序
前端·javascript·后端
你的人类朋友5 小时前
🤔什么时候用BFF架构?
前端·javascript·后端
知识分享小能手5 小时前
Bootstrap 5学习教程,从入门到精通,Bootstrap 5 表单验证语法知识点及案例代码(34)
前端·javascript·学习·typescript·bootstrap·html·css3
一只小灿灿5 小时前
前端计算机视觉:使用 OpenCV.js 在浏览器中实现图像处理
前端·opencv·计算机视觉