函数之间传递参数时的TypeScript错误

Question

此模式抛出TypeScript错误：

类型为“（string | number）[]”的参数不能分配给类型为“string[]| number[]”的参数

function foo(value: string | number) {
  return bar([value]); // <- TypeScript error
}

function bar(valueList: string[] | number[]) {
  ..does something...
}

我理解这是因为TypeScript编译器会将其视为字符串和数字混合的数组。

是否有一种类型安全的方法来实现这一点？我只能想投给任何感觉不好的[]：

function foo(value: string | number) {
  const valueList: any[] = [value];
  return bar(valueList);
}

Answer 1

另一个答案是好的（我投了反对票），但我个人会同意

return bar([value] as string[] | number[]);

尤其是，如果我时间不够的话。这并不意味着它是错误的或粗俗的，你只是暗示有点愚蠢（在这种情况下）打字稿。

P. S.正如@paleo所提到的，这不是完全类型安全的。

Answer 2

这是从jonrsharpe的答案中得到启发的，但它没有使用单独的接口，而是使用函数重载。

函数重载允许我们为单个实现指定多个签名：https://www.typescriptlang.org/docs/handbook/functions.html#overloads

function foo(value: string);
function foo(value: number);
function foo(value: any) {
    return bar([value]);
}

function bar(valueList: number[] | string[]) {
}

Answer 3

一种方法是声明合并；为函数定义两个单独的接口（请参见函数类型），然后定义函数的单个实现：

interface Foo {
    (value: string): void;
}

interface Foo {
    (value: number): void;
}

const foo: Foo = function (value) {
  return bar([value]);
}

这将使两种类型保持分离，因为在任何给定时间只能调用其中一个接口。