如何映射联合数组类型？

Question

我有以下结构：

interface Test1 {
    number: number;
}
interface Test2 extends Test1 {
    text: string;
}

let test: Test1[] | Test2[] = [];
test.map(obj => {}); // does not work

我收到错误：

无法调用类型缺少调用签名的表达式。类型 '{ (this: [Test1, Test1, Test1, Test1, Test1], callbackfn: (this: void, value: Test1, index: nu...') 没有兼容的调用签名

我如何map 覆盖测试变量？

Answer 1

为 4.2 编辑

map 现在可以调用了，但您仍然需要对其参数进行显式类型注释以使其按预期工作（类型参数没有上下文类型）

let test: Test1[] | Test2[] = [];
test.map((obj: Test1 | Test2) => {});

Playground Link

这种情况可能会在未来的版本中得到改善，使得这个答案大部分已经过时（请参阅PR，它将正确合成参数的上下文类型）

4.2 之前的原始答案

问题在于，对于联合类型，作为函数的成员也将被键入为联合类型，因此 map 的类型将是 (<U>(callbackfn: (value: Test1, index: number, array: Test1[]) => U, thisArg?: any) => U[]) | (<U>(callbackfn: (value: Test2, index: number, array: Test2[]) => U) 就打字稿而言这是不可调用的。

您可以声明Test1 和Test2 的并集数组

let test: (Test1 | Test2)[] = [];
test.map(obj => {}); 

或者你可以在调用时使用类型断言：

let test: Test1[] | Test2[] = [];
(test as Array<Test1|Test2>).map(o=> {});