javascript - 流类型: handling a function argument that could be many types

Question

我不确定如何让流程来处理多种类型联合的参数。

示例代码:

// @flow

function foo(a: string | number[] | Date): string {
    if (typeof a === 'string') {
        return a.toUpperCase()
    } else if (a instanceof Array) {
        return a.join('-')
    } else if (a instanceof Date) {
        return a.getMonth().toString() 
    }
    return ''
}

流程错误:

6:  } else if (a instanceof Array) {
                            ^ Array. This type is incompatible with
3: function foo(a: string | number[] | Date): string {
                   ^ union: string | array type | Date

Try flow link

当我使用 typeof 时，Flow 似乎确实注意到了，但这并不总是足够好，因为 typeof [] 和 typeof new Date() > 都是“对象”。

如何让 Flow 在这里给我一个绿色的勾？

Answer 1

我刚刚尝试了您的示例并更改了 if 的顺序!

// @flow

function foo(a: string | number[] | Date): string {
    if (typeof a === 'string') {
        return a.toUpperCase()
    } else if (a instanceof Date) {
        return a.getMonth().toString()
    } else if (a instanceof Array) {
        return a.join('-')
    }
    return ''
}

没有报错。

别问我为什么:)