时间戳

首页 > 解决方案 > 如何从类型映射中推断类型

typescript - 如何从类型映射中推断类型

问题描述

我不知道如何确保onEvent函数的类型安全。

enum MyEnum {
  One,
  Two
}

type Payloads = {
  [MyEnum.One]: { iAmOne: string; one: number };
  [MyEnum.Two]: { iAmTwo: string; two: number };
};

interface BetEvent<ENUM extends MyEnum> {
  type: ENUM;
  payload: Payloads[ENUM];
}

const onEvent = (ev: BetEvent<any>) => {
  if (ev.type === MyEnum.Two) {
    ev.type; // should be MyEnum.Two
    ev.payload; // should be { iAmTwo: string; two: number };
    ev.payload.iAmOne; // should throw Error
  }
};

标签： typescriptgenericstypestypeguards

解决方案

干得好...

enum BetEventType {
  One,
  Two
}

type BetPayloads = {
  [BetEventType.One]: { iAmOne: string; one: number };
  [BetEventType.Two]: { iAmTwo: string; two: number };
};

type BetEvent = {
  [T in BetEventType]: {
    type: T,
    payload: BetPayloads[T]
  }
}[BetEventType]

const onEvent = (ev: BetEvent) => {
  if (ev.type === BetEventType.Two) {
    ev.type; // is BetEventType.Two
    ev.payload; // is { iAmTwo: string; two: number };
    ev.payload.iAmOne; // gives compile error
  }
};

演示

我知道有一个公认的答案，但这个答案无疑更好，因为......

  1. 没有运行时开销（意味着在将要执行的编译代码中没有添加）
  2. 更好BetEvent的类型，因为它是所有可能事件类型的良好结合（悬停以查看我在说什么）

您应该考虑将此标记为已接受

推荐阅读