JS 枚举类型(enum)用法|极客笔记

JS 枚举类型(enum)用法

枚举类型(enum)在 JavaScript 中并不是 JavaScript 原生支持的特性，但我们可以通过对象的方式来模拟实现。枚举类型主要用于表示一组相关的常量值，方便代码的阅读和维护。在本文中，将详细介绍枚举类型的定义、使用方法以及在实际项目中的应用场景。

枚举类型的定义

要定义一个枚举类型，我们可以创建一个对象，对象中的每一个属性就代表一个枚举值。例如，我们要定义一个表示颜色的枚举类型：

const Color = {
  RED: 'red',
  GREEN: 'green',
  BLUE: 'blue'
};

在上面的代码中，我们定义了一个名为 Color 的对象，该对象包含三个属性：RED、GREEN 和 BLUE，它们分别表示红色、绿色和蓝色。

枚举类型的使用

通过上面的定义，我们可以直接使用枚举值进行赋值和比较操作。例如：

let selectedColor = Color.RED;

if (selectedColor === Color.RED) {
  console.log('The color is red.');
} else if (selectedColor === Color.GREEN) {
  console.log('The color is green.');
} else if (selectedColor === Color.BLUE) {
  console.log('The color is blue.');
} else {
  console.log('Unknown color.');
}

在上面的代码中，我们首先将 selectedColor 选为红色，然后通过 if-else 语句进行不同枚举值的比较，从而输出相应的提示信息。

实际项目中的应用

枚举类型在实际项目中有着广泛的应用场景，下面我们将通过一个简单的示例来展示枚举类型的真实用法。

假设我们有一个任务列表，每个任务的状态分为未开始、进行中和已完成三种。我们可以使用枚举类型来表示这些状态：

const TaskStatus = {
  TODO: '未开始',
  IN_PROGRESS: '进行中',
  DONE: '已完成'
};

class Task {
  constructor(name, status) {
    this.name = name;
    this.status = status;
  }

  getStatus() {
    return this.status;
  }

  setStatus(newStatus) {
    if (Object.values(TaskStatus).includes(newStatus)) {
      this.status = newStatus;
    } else {
      console.log('Invalid status.');
    }
  }
}

const task1 = new Task('任务1', TaskStatus.TODO);
const task2 = new Task('任务2', TaskStatus.IN_PROGRESS);
const task3 = new Task('任务3', TaskStatus.DONE);

console.log(task1.getStatus());
console.log(task2.getStatus());
console.log(task3.getStatus());

task1.setStatus(TaskStatus.IN_PROGRESS);
console.log(task1.getStatus());

task2.setStatus('错误状态');

在上面的代码中，我们定义了一个 TaskStatus 枚举类型表示任务的状态，然后创建了一个 Task 类来管理任务对象。通过枚举类型，我们可以避免直接使用字符串表示任务状态，提高了代码的可读性和可维护性。