1、为什么要用

在 Angular 开发中，枚举（Enum）是一种非常有用的工具，它可以帮助我们定义一组命名的常量，提升代码的可读性和维护性。

2、组件中使用枚举

我们可以在 Angular 组件中使用枚举来定义变量、进行条件判断等，比如说咱们定义一个表示星期的枚举。

import { Component } from '@angular/core';
enum Weekday {
  Monday = 'Monday',
  Tuesday = 'Tuesday',
  Wednesday = 'Wednesday',
  Thursday = 'Thursday',
  Friday = 'Friday',
  Saturday = 'Saturday',
  Sunday = 'Sunday'
}

@Component({
  selector: 'app-calendar',
  templateUrl: './calendar.component.html',
  styleUrls: ['./calendar.component.css']
})
export class CalendarComponent {
  today: Weekday = Weekday.Friday;

  constructor() { }

  checkWeekend() {
    if (this.today === Weekday.Saturday || this.today === Weekday.Sunday) {
      console.log('周末到了！');
    } else {
      console.log('今天是工作日，牛马时间！');
    }
  }
}

在这个例子中，我们定义了一个 today 变量，并将其初始化为 Weekday.Friday。然后在 checkWeekend 方法中，我们使用枚举进行条件判断，并根据不同的星期输出不同的信息。

3、模板中使用枚举

<div *ngIf="today === Weekday.Saturday || today === Weekday.Sunday">
  祝你周末愉快！
</div>
<div *ngIf="today === Weekday.Thursday">
  肯德基疯狂星期四，V我50！
</div>
<div *ngIf="today === Weekday.Monday">
  牛马生活开始，请调整好！
</div>

在这个例子中，我们根据 today 的值显示不同的信息。

4、枚举的优势

使用枚举可以带来以下优势：

减少错误： 枚举可以防止拼写错误，因为编译器会检查枚举值是否有效。例如，如果拼写错误 Weekday.Friday 为 Weekday.Fridy，编译器会报错。

提高代码可读性： 枚举使用有意义的名称代替数字或字符串，使代码更易于理解。例如，Weekday.Friday 比 5 更直观。

增强代码维护性： 如果需要修改常量值，只需修改枚举定义即可，无需修改所有使用该常量的代码。例如，如果需要将 Sunday 改为 Sun，只需修改 Weekday 枚举。

5、提示

• 您可以将枚举定义在单独的文件中，以便于管理和复用。
• 您可以使用 const enum 来定义常量枚举，以提高性能。
• 您可以使用 keyof 操作符来获取枚举的所有键。

用起来吧！