typescript标记了泛型中的联合

时间:2018-06-12 14:41:51

标签: typescript discriminated-union

如何使编译没有错误?我们使用的是TypeScript 2.9.1。

interface IFoo {
  type: 'foo';
  foo: string;
}

interface IBar {
  type: 'bar';
  bar: string;
}

type FooBar = IFoo | IBar;

class Getter<T extends FooBar> {
  private data: T;

  constructor(data: T) {
    this.data = data;
  }

  public getMe(): string {
    const { data } = this;
    // Property 'foo' does not exist on type 'T'.
    // Property 'bar' does not exist on type 'T'.
    return data.type === 'foo' ? data.foo : data.bar;
  }
}

1 个答案:

答案 0 :(得分:2)

编译器不会缩小具有type参数类型的变量。您可以显式键入变量,这将获得要编译的代码:

 public getMe(): string {
    const data :FooBar = this.data;
    return data.type === 'foo' ? data.foo : data.bar;
}