javascript - TypeScript:VS Code 中的 Array.reduce 函数报告错误

Question

TypeScript: Array.reduce 函数在 VS Code 中报错，但在 WebStorm 中正常。

这是 VS Code 中的内容:

报告

Type String is not assigned to the Type String[]

这就是 WebStorm 中的内容:

虽然没有问题，但是回调注解没有呈现，如上面的map和filter

之前的代码是:

 private getUrlParameter(sParam) {
    return decodeURIComponent(window.location.search.substring(1)).split('&')
      .map((v) => v.split('='))
      .filter((v) => v[0] === sParam )
      .reduce((prev, curv, index, array) => curv[1], undefined);
  }

我不知道问题是出在我的代码中还是 TypeScript 的编译器中。

Answer 1

如果您使用未定义，则选定的重载将为

reduce(callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T, initialValue: T): T;

它期望结果与数组的项目具有相同的类型。

您应该对初始值 (undefined) 使用类型断言，让编译器知道结果类型将为 string 或指定 的类型参数减少

.reduce((prev, curv, index, array) => curv[1], <string>undefined);
.reduce<string>((prev, curv, index, array) => curv[1], undefined)

如果您这样做，所选的重载将是

reduce<U>(callbackfn: (previousValue: U, currentValue: T, currentIndex: number, array: T[]) => U, initialValue: U): U;