流中的条件类型

时间:2017-06-29 11:17:13

标签: javascript flowtype

是否可以根据条件在流中键入变量?像这样:

const type = 'xyz';
const a: (type === 'xyz') ? number : string;

2 个答案:

答案 0 :(得分:10)

可以使用类型调用($Call类型)来模拟Flow中的类型级条件:

type $If<X: boolean, Then, Else = empty> = $Call<
    & ((true, Then, Else) => Then)
    & ((false, Then, Else) => Else),
    X,
    Then,
    Else,
>;

type $Not<X: boolean> = $If<X, false, true>;
type $And<X: boolean, Y: boolean> = $If<X, Y, false>;
type $Or<X: boolean, Y: boolean> = $If<X, true, Y>;

type $Gte<X, Y> = $Call<
    & ($Subtype<X> => true)
    & (mixed => false),
    Y,
>;

// Usage example:

declare var a: $Gte<number, string>;

/* error  1 */ (a: true);
/* ok       */ (a: false);

declare var b: $Gte<number, number>;

/* ok       */ (b: true);
/* error  2 */ (b: false);

declare var c: $If<true, 1, 2>;

/* ok       */ (c: 1);
/* error  3 */ (c: 2);

declare var d: $If<false, 1, 2>;

/* error  4 */ (d: 1);
/* ok       */ (d: 2);

更多用法示例可在Passing multiString values to installer through command-line中找到。

答案 1 :(得分:5)

简短的回答是否定的。变量必须绑定到单个类型,其中可以包含number | string之类的联合类型。在条件块内部,Flow可以推断出更专业的类型。例如:

const a: number | string = "foo";
if(typeof a === "string"){
  a.split(); // OK!
} else {
  a.split(); // Error! a is a number
}

但请注意,这些条件分支是静态的,并且在编译时保证每个条件内的类型。