javascript - 在函数之间传递参数时出现 TypeScript 错误

Question

此模式抛出 TypeScript 错误:

Argument of type '(string | number)[]' is not assignable to parameter of type 'string[] | number[]'

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

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

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

是否有类型安全的方法来完成此操作？我只能考虑转换为感觉不好的 any[]:

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

Answer 1

一种方法是 declaration merging ;为您的函数定义两个单独的接口(interface)(参见 function types )，然后是它的单个实现:

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

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

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

这将使两种类型分开，因为在任何给定时间只能调用其中一种接口(interface)。