TypeScript严格模式下如何获取第三方库回调参数类型？

当你在严格模式下使用带回调的第三方库函数，但不确定回调参数类型时，可以用以下几种方法解决：

1. 利用IDE的类型提示 #

主流IDE（如VS Code）会自动识别第三方库的类型定义，你只需将鼠标悬停在回调的参数（比如a、b或err、adventure）上，就能看到TS推断出的具体类型。此外，你还可以先不手动指定类型，写完回调后通过IDE的「快速修复」功能（通常是Ctrl+.），直接让TS帮你自动补全参数类型。

2. 查看第三方库的类型定义文件 #

大部分流行库都会自带类型定义（.d.ts文件），或者通过@types/xxx包提供类型支持。你可以直接打开node_modules中对应库的类型文件，搜索目标函数的定义：

• 比如找foo函数的类型，在someLibrary的类型文件里会看到类似：

  declare function foo(callback: (a: TypeA, b: TypeB) => void): void;
  

• 对于Mongoose的findOne，在其类型文件中能找到回调的定义：

  type FindOneCallback<T> = (err: CallbackError, doc: T | null) => void;
  

  这里err是mongoose.CallbackError类型，adventure是你的模型类型（Adventure）或null。

3. 用TypeScript工具类型手动提取类型 #

如果需要显式定义类型，可以用Parameters这类工具类型从函数中提取回调参数的类型：

针对通用的foo函数： #

import { foo } from "someLibrary";

// 提取foo的第一个参数（即回调函数）的类型
type FooCallback = Parameters<typeof foo>[0];
// 提取回调中a和b的类型
type TypeOfA = Parameters<FooCallback>[0];
type TypeOfB = Parameters<FooCallback>[1];

// 现在可以直接指定类型
foo((a: TypeOfA, b: TypeOfB) => {});

针对Mongoose的findOne： #

// 提取findOne的第二个参数（回调）的类型
type FindOneCallback = Parameters<typeof Adventure.findOne>[1];
// 提取err和adventure的类型
type ErrType = Parameters<FindOneCallback>[0];
type AdventureDocType = Parameters<FindOneCallback>[1];

Adventure.findOne({ country: 'Croatia' }, function (err: ErrType, adventure: AdventureDocType) {});

4. 临时用类型断言过渡（不推荐长期使用） #

如果暂时找不到准确类型，可以先用类型断言临时指定，但这只是权宜之计，可能会隐藏类型错误，建议找到正确类型后替换掉：

foo((a: unknown as TypeA, b: unknown as TypeB) => {});

内容的提问来源于stack exchange，提问作者Infinite Learner