Zlog
首页归档关于
Zlog

一个探索技术、编程和构建 Web 的个人空间。

© 2026 Zlog

导航

首页归档关于

链接

/
|
·
·
·
首页/enum枚举类型的注意点

enum枚举类型的注意点

enum枚举类型的注意点

Z

Zephyr110

2021年5月2日·1 分钟
|
frontendfrontend-typescript
“

枚举用于表示固定的几个取值,例如: 一年只有四季、人的性别只能是男或者女。 枚举类型是 TS 为 JS 扩展的一种类型, 在原生的 JS 中是没有枚举类型的。

1. 枚举类型用于定义数值集合。

ts
enum Color {
  red,
  blue,
  gray,
}
const color: Color = Color.gray
console.log(color) //2,输出索引

2. 如果某个属性的值是计算出来的,那么它后面一位的成员必须要初始化赋值。

ts
const getValue = () => {
  return 0
}
 
enum List {
  A = getValue(),
  B = 2, //  前面的值A是通过计算得到的,那么此处B必须要初始化赋值,不然编译不通过,提示 `Enum member must have initializer.`
  C,
}

3. 枚举类型的值

ts
enum Gender {
  Male = 0,
  Femal = 1,
}
 
// 简写
enum Gender {
  Male,
  Femal,
}
 
// 定义了一个名称叫做Gender的枚举类型, 这个枚举类型的取值有两个, 分别是Male和Femal
// 值依次递增,也可手动指定,上面的简写形式没有指定值,默认从0开始递增,所以相当于 Male = 0,  Femal = 1

标签

frontendfrontend-typescript

评论 (0)

评论功能仅在主站可用,请访问 zephyr110.vercel.app

相关文章

OffscreenCanvas

MDN-OffscreenCanvas

2025年12月10日·7 分钟

Service Worker

Web worker 是一种在浏览器中运行的后台脚本,它可以在独立的线程中执行任务,而不会阻塞主线程的执行。Web worker 的主要作用是处理耗时的计算任务,例如图片处理、文本分析、数据处理等,以避免阻塞主线程,提高页面的响应性能

2024年5月28日·4 分钟

vue-tour二次封装

npm install vue-tour

2023年7月22日·7 分钟

← 返回文章列表