TypeScript运行时属性优化：避免可选属性误导的替代方案

这确实是个很常见的痛点——用scoreTotal?标记计算属性很容易让其他开发者误以为这个值是可选的，同时你又不想用方法（避免重复计算）。这里有几个贴合你需求的TypeScript实现方案：

方案1：Getter + 私有缓存变量（最推荐） #

这个方案既保留了属性的访问方式，又能确保只计算一次，同时TypeScript会将scoreTotal识别为必填的number类型，完全避免可选性误导：

export class Assessment {
  items: Question[];
  time?: number;
  // 私有变量用于缓存计算结果
  private _scoreTotal?: number;

  // 对外暴露的只读getter
  get scoreTotal(): number {
    // 第一次访问时计算，之后直接返回缓存值
    if (this._scoreTotal === undefined) {
      this._scoreTotal = this.items.reduce((sum, question) => sum + question.score, 0);
    }
    return this._scoreTotal;
  }

  // 如果需要支持items修改，可以加setter重置缓存
  set items(newItems: Question[]) {
    this._items = newItems;
    this._scoreTotal = undefined; // 重置缓存，下次访问时重新计算
  }
}

export class Question {
  score: number;
  statement: string;
  responses: string[];
  correctResponse: string;
}

优势：

• 外部调用和普通属性完全一致：assessment.scoreTotal
• 自动缓存计算结果，避免重复计算
• 类型清晰，不会被误解为可选属性
• 支持items动态修改（通过setter重置缓存）

方案2：构造函数初始化只读属性 #

如果你的Assessment实例的items在创建时就确定，之后不会修改，那可以直接在构造函数中计算scoreTotal，把它声明为只读属性：

export class Assessment {
  items: Question[];
  time?: number;
  // 只读属性，初始化后不可修改
  readonly scoreTotal: number;

  constructor(items: Question[], time?: number) {
    this.items = items;
    this.time = time;
    // 实例创建时直接计算总分
    this.scoreTotal = items.reduce((sum, question) => sum + question.score, 0);
  }
}

export class Question {
  score: number;
  statement: string;
  responses: string[];
  correctResponse: string;
}

优势：

• 实现最简单，没有额外的逻辑
• 类型明确，scoreTotal是必填的只读属性
• 访问时直接取缓存值，性能最优

局限性：如果items之后需要修改，scoreTotal不会自动更新，需要额外处理。

方案3：非空断言属性 #

如果你不想用getter，也可以用TypeScript的非空断言!来标记scoreTotal为必填属性，然后在初始化阶段完成计算：

export class Assessment {
  items: Question[];
  time?: number;
  // 非空断言：告诉TypeScript这个属性一定会被初始化
  scoreTotal!: number;

  constructor(items: Question[], time?: number) {
    this.items = items;
    this.time = time;
    // 初始化时计算总分
    this.calculateScoreTotal();
  }

  // 私有方法用于计算总分
  private calculateScoreTotal() {
    this.scoreTotal = this.items.reduce((sum, question) => sum + question.score, 0);
  }

  // 如果items被修改，调用此方法更新总分
  updateItems(newItems: Question[]) {
    this.items = newItems;
    this.calculateScoreTotal();
  }
}

export class Question {
  score: number;
  statement: string;
  responses: string[];
  correctResponse: string;
}

优势：

• 外部访问方式和普通属性一致
• 类型清晰，不会被误解为可选属性

局限性：需要确保scoreTotal确实会被初始化，否则运行时会出现undefined错误，适合能严格控制初始化流程的场景。

内容的提问来源于stack exchange，提问作者benuuts