TypeScript完全解读(26课时)_10.TypeScript完全解读-枚举

最新推荐文章于 2023-12-26 22:16:31 发布
最新推荐文章于 2023-12-26 22:16:31 发布
阅读量99 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/wangjunwei/p/10853027.html
版权

10.TypeScript完全解读-枚举

 

 

新建enum.ts并在jindex.ts中引用

一个简单的数字枚举

可以通过两种方式获取枚举的值

获取到编码，第一个默认为0，后面的一次递增

第二种形式

可以自己制定编码，那么后面的一次递增

 

全部一次递增的结果

制定中间的为2 那么第一个还是0 ，2后面的会递增

也可以单独指定，可以随便指定，不一定按照从小到大的顺序

可以定义一个常量，把常量赋值给枚举

也可以定义函数

某个字段使用的计算值，或者是常量。它后面的枚举必须要设置初始值

它后面的枚举必须要设置上值

反向映射

一个枚举不仅可以通过他的字段名获取枚举的值，还可以通过值得到它的字段名

ts的代码编译成一般的js代码

 

打印定义的枚举值对象

字符串枚举

定义字符串枚举的时候，既可以使用字符串常量，也可以使用枚举里面的字段

异构枚举

既包含数字又包含字符串的枚举。不建议使用异构枚举。根据自己的需求，尽可能少的使用异构枚举

枚举成员类型和联合枚举类型

满足这三个条件枚举这就可以做为类型来使用

第一种，枚举成员类型。Anmimals.Dog就是作为类型来使用

 

声明一个dog类，这里的Anmimals.Dog的值就是1 所以这里我们直接写1也是可以的

这里写成Anmimals.Cat就会报错，因为在声明dog的时候，指定了类型是接口Dog里面的type是Animals.Dog类型的也就是只为1

联合枚举类型

如果我们用刚才的Animals.Dog也是会报错的，这个就是联合枚举类型

运行时的枚举

一个枚举值编译完成后就是一个真实的对象，所以我们可以在代码的运行时中使用这个枚举值的，就可以把它当做一个比较丰富的对象

 

const Enum

枚举前面加上const以后，它就不会把我们的枚举值编译成一个js中真实存在的对象

我们在使用枚举值只是提高我们代码的可读性

const去掉以后，枚举值编译为真实的js就会变成一个对象。dog的取值就是从按个对象上取的值

 

 

转载于:https://www.cnblogs.com/wangjunwei/p/10853027.html

weixin_30617695
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
sonar-typescript-plugin-1.9.0.3766.jar
04-21
sonarTS组件
客户端：《 TypeScript完全解读》项目仓库
02-12
TypeScript完全解读（26课时） 《 TypeScript完全解读》项目仓库01.开发环境搭建npm创建项目文件夹并初始化mkdir client-sidecd client-sidenpm init # npm init -y (默认配置) npm初始化流程： 套餐：默认版本：...
8.TypeScript中的枚举
sinat_41212418的博客
10-14 1150
枚举 使用枚举我们可以定义一些带名字的常量。 使用枚举可以清晰地表达意图或创建一组有区别的用例。 TypeScript支持数字的和基于字符串的枚举。 数字枚举 首先我们看看数字枚举，如果你使用过其它编程语言应该会很熟悉。 enum Direction { Up = 1, Down, Left, Right } 如上，我们定义了一个数字枚举， Up使用初始化为 1。 其余的成员会从 1开始自动增长。 换句话说， Direction.Up的值为 1， Down为 2， Left
TypeScript 枚举(enum)
FastText的博客
06-16 1405
TypeScript变量作用域：变量的作用域是指变量有效性的范围，就是用户自定义的变量可以使用的代码范围，它与变量定义的位置密切相关。
TypeScript 基础类型 —— 枚举 enum
且听风吟的博客
05-25 635
枚举 enum 是对 JavaScript 标准数据类型的一个补充，用于定义数值集合。
Typescript - 枚举类型 enum，详细介绍与使用教程（快速入门）
高级前端工程师
02-13 4372
ts枚举类型【TS】枚举数据类型详解ts 枚举类型TypeScript 枚举类型用法示例TS EnumsTypeScript中枚举类型的理解与应用场景TS-枚举类型enumTS—枚举Enum用法ts中enum的使用方式一文让你彻底掌握 TS 枚举TS EnumsTypeScript中枚举类型的理解与应用场景TypeScript枚举类型JS/TS 遍历枚举TS枚举详解TS—枚举Enum用法如何在 TypeScript 中使用Enum(枚举)ts中enum的使用方式Typescript - 枚举类型 enum，
TypeScript学习笔记（二）
oschina_kk的博客
07-01 141
文章目录接口类Mixins 接口 // 对象类型 interface SquareConfig { color?: string ary?: number[] width: number height: number readonly getArea: Function } const s1: SquareConfig = { width: 1, height: 2, ary: [1, 2], getArea: function (): number { return
TypeScript_Express.js_API
04-10
- **Swagger文档**：结合`@nestjs/swagger`或`typescript-swagger-generator`，自动生成API文档。 **5. 开发工具与最佳实践** - 使用`ts-node-dev`或`nodemon`实现热重载，提高开发效率。 - 配置`.eslintrc`和`....
go-barber-master_www.go896._typescript_
10-04
【标题】"go-barber-master_www.go896._typescript_" 暗示着这是一个使用TypeScript编写的Web应用程序项目，可能与Go896网站相关。TypeScript是JavaScript的一个超集，提供了静态类型、类和接口等特性，提高了代码的...
前端大厂最新面试题-typescript_javascript.docx
06-06
前端大厂最新面试题- TypeScript_JavaScript.docx TypeScript 是 JavaScript 的超集，支持 ES6 语法，支持面向对象编程的概念，如类、接口、继承、泛型等。TypeScript 是一种静态类型检查的语言，提供了类型注解，...
12.typescript-枚举
weixin_30902251的博客
08-22 72
我怎么可以对你着了魔~ <----------------------------------------☺mizhiweixiao☺----------------------------------------> 1.用途和定义 （1）枚举用来限定取值在一定范围内的场景，比如一周有七天等。 （2）使用枚举可以定义一些有名字的常量。 （3）枚举使用关键字 enum...
Ts——项目实战应用enum枚举
lxk116688的博客
08-04 1017
如上，我们定义了一个数字枚举， Up使用初始化为 1。其余的成员会从 1开始自动增长。换句话说， Direction.Up的值为 1， Down为 2， Left为 3， Right为 4。现在， Up的值为 0， Down的值为 1等等。当我们不在乎成员的值的时候，这种自增长的行为是很有用处的，但是要注意每个枚举成员的值都是不同的。在这里我们只简单的回顾一下枚举的使用。在公共文件中列举出来状态枚举。有时候还可以暴露一个公共符号。在你需要的页面引入公共文件。可以以对象的形式暴露出去。...
如何在 TypeScript 中遍历 Enum 的两种方案
最新发布
乐闻世界
12-26 2809
TypeScript 中有一个 JavaScript 中没有的声明关键字，即 `enum` ,在 TypeScript 项目开发过程中，我发现使用枚举enum的概率是极高的。枚举是一种特殊的数据类型，它允许开发者定义一个静态变量集合。枚举类型帮助开发者清晰的预设集合中的变量，并且不允许运行时修改，这为程序运行提供了可预测性和稳定性的保障。 在开发过程中，我们经常遇到需要遍历对象中所有属性的情况，对于特殊的枚举enum对象，这种情况也是很常见的。
typescript中枚举的使用
qq_23350817的博客
12-07 3482
enum.ts: export enum FindType { Definition, Symbol, File } test.ts: import { FindType } from './FindType'; ...... switch (this.findType) { case FindType.Definition: ......
如何在 TypeScript 中使用Enum（枚举）
web前端开发
03-06 3942
英文 | https://www.digitalocean.com/community/tutorials/how-to-use-enums-in-typescript翻译 | 杨小爱介绍...
TypeScript枚举
wyw223的博客
02-04 736
枚举（Enum）类型用于取值被限定在一定范围内的场景，比如一周只能有七天，颜色限定为红绿蓝等。 枚举使用 enum 关键字来定义： enum Days {Sun, Mon, Tue, Wed, Thu, Fri, Sat} 枚举成员会被赋值为从 0 开始递增的数字，同时也会对枚举值到枚举名进行反向映射 enum Days {Sun, Mon, Tue, Wed, Thu, Fri, Sat}; ...
TypeScript学习－TypeScript数据类型简介
无形的风专栏
10-24 4912
TypeScript的基本数据类型： Boolean Number String Array Enum Any Void 如果有其他语言的基础，我们可以发现大部分的基本数据类型我们都见过。下面简单介绍一下各个数据类型的数据如何初始化和使用： 1、Boolean值，值为布尔值 true 或者 false var isDone: boolean = false; 这个和J
TypeScript 枚举使用整理
热门推荐
天马3798
06-28 2万+
一、定义 enum 使用枚举我们可以定义一些有名字的数字常量。枚举通过enum关键字定义。 枚举的定义和C#中有些类似。 enum Direction{ Up=1, Down, Left, Right } console.info(Direction);console.info(Direction.Down);//获取枚举的值console.info(Dir
揭秘Ａngular 2（一）：TypeScript入门
Mr_rencp的博客
05-02 5900
3.1 TypeScript概述 3.1.1概述 3.1.2安装 检查npm是否已经安装 接下来我们使用2.0正式版的TypeScript,安装命令如下： npm install -g typescript@2.0.0 写第一个Typescript程序，并保存到hello.ts中，文件中代码： console.log('hello TypeScript!');
@typescript-eslint/parser@4.29.3 requires a peer of eslint@
04-27
@typescript-eslint/parser@4.29.3需要eslint的一个同级依赖项。这意味着，为了正确地安装和使用@typescript-eslint/parser@4.29.3，您的项目必须已经安装了所需的eslint依赖项。如果您在安装和使用@typescript-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值