如何在TypeScript中使用类常量？ - 前端面试题

在TypeScript中，使用类常量是一个非常直接的过程。类常量通常被定义为类内部的属性，它们被标记为readonly，意味着它们一旦被初始化之后，其值就不能被修改。这是一种常见的做法，用于存储那些不应该改变且与类密切相关的值。

示例：

假设我们正在开发一个游戏，我们需要一个类来代表游戏中的玩家，玩家的类型有一些预定义的属性，例如每种类型玩家的默认健康值，我们可以使用类常量来实现这一点。

typescript
class Player {
    // 定义类常量
    static readonly DEFAULT_HEALTH: number = 100;

    private health: number;
    private name: string;

    constructor(name: string, health?: number) {
        this.name = name;
        // 如果构造函数中没有提供健康值，则使用默认健康值
        this.health = health ?? Player.DEFAULT_HEALTH;
    }

    displayPlayerInfo() {
        console.log(`${this.name} has ${this.health} health points.`);
    }
}

// 使用类
let player1 = new Player("Alice");
player1.displayPlayerInfo();  // 输出: Alice has 100 health points.

let player2 = new Player("Bob", 90);
player2.displayPlayerInfo();  // 输出: Bob has 90 health points.

在这个例子中，DEFAULT_HEALTH是一个类常量，它被定义为Player类的一个静态属性，并且使用了readonly修饰符，这表示它的值在初始化后不可被修改。我们在构造函数中检查是否传入了自定义的健康值，如果没有，则使用DEFAULT_HEALTH作为玩家的初始健康值。

优点：

不变性: 使用readonly确保数据的不变性，一旦赋值后就不应该被改变，这有助于避免程序中的错误。
易于维护: 类常量集中管理，易于修改和维护。
代码可读性: 类常量的使用增加了代码的可读性和可理解性。

通过使用类常量，我们可以确保某些重要的值在整个程序的生命周期中保持不变，并且所有相关的操作都可以依赖这个常量值，从而提高代码的安全性和可维护性。