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

JS枚举类型(enum)用法

在JavaScript中，我们经常会遇到需要定义一组具有相同特性的常量的情况。为了更好地管理和使用这些常量，我们可以使用枚举类型(enum)来定义一组有限的命名常量集合。在本文中，我们将详细介绍JS中枚举类型的定义、使用和常见应用场景。

什么是枚举类型(enum)

枚举(enum)是一种特殊的数据类型，在一定程度上可以帮助我们提高代码的可读性和可维护性。枚举类型定义了一组有限的命名值，这些值在枚举类型中被称为枚举成员。枚举类型可以用来表示一组相关的常量，使得我们可以通过名称来引用这些常量，而不是硬编码的数值。

在JS中，并没有原生的枚举类型，但是我们可以通过对象字面量或者类来模拟枚举类型。下面我们将介绍两种常用的枚举类型的定义方法。

使用对象字面量定义枚举类型

我们可以使用对象字面量来定义一个枚举类型，其中每个属性表示一个枚举成员，对应的属性值表示该成员的取值。

const Direction = {
  UP: 'UP',
  DOWN: 'DOWN',
  LEFT: 'LEFT',
  RIGHT: 'RIGHT'
};

使用类定义枚举类型

我们也可以使用ES6中的类来定义一个枚举类型，每个枚举成员是该类的静态属性。

class Color {
  static RED = 'RED';
  static GREEN = 'GREEN';
  static BLUE = 'BLUE';
}

如何使用枚举类型

定义了枚举类型后，我们可以通过枚举成员的名称来引用对应的值。枚举成员可以使用点表示法或者方括号表示法来访问。

console.log(Direction.UP); // 'UP'
console.log(Color.RED); // 'RED'

console.log(Direction['LEFT']); // 'LEFT'
console.log(Color['GREEN']); // 'GREEN'

枚举类型的值是不可变的，也就是说我们无法对枚举成员的值进行修改。这样可以确保枚举类型的稳定性，避免在程序中意外修改枚举成员的值。

枚举类型的应用场景

枚举类型在很多场景下都有着广泛的应用，下面列举了一些常见的应用场景：

表示状态或类型

枚举类型可以很好地表示状态或类型，例如HTTP状态码、游戏中的角色类型等。

const HttpStatusCode = {
  OK: 200,
  NOT_FOUND: 404,
  SERVER_ERROR: 500
};

console.log(HttpStatusCode.OK); // 200

配置选项

枚举类型可以用来定义一组配置选项，确保传入的值是预定义的常量。

const LogLevel = {
  INFO: 'INFO',
  DEBUG: 'DEBUG',
  ERROR: 'ERROR'
};

function log(message, level) {
  if (level === LogLevel.INFO) {
    console.log(`[INFO]  ${message}`); } else if (level === LogLevel.DEBUG) { console.log(`[DEBUG]$ {message}`);
  } else if (level === LogLevel.ERROR) {
    console.error(`[ERROR] ${message}`);
  } else {
    throw new Error('Unknown log level');
  }
}

log('This is an info message', LogLevel.INFO);
log('This is a debug message', LogLevel.DEBUG);
log('This is an error message', LogLevel.ERROR);

替代多余的布尔值

在某些情况下，使用枚举类型可以替代使用多余的布尔值，提高代码的可读性。

const ShapeType = {
  CIRCLE: 'CIRCLE',
  RECTANGLE: 'RECTANGLE'
};

function draw(shape) {
  if (shape === ShapeType.CIRCLE) {
    console.log('Drawing a circle');
  } else if (shape === ShapeType.RECTANGLE) {
    console.log('Drawing a rectangle');
  } else {
    throw new Error('Unknown shape type');
  }
}

draw(ShapeType.CIRCLE);
draw(ShapeType.RECTANGLE);