网站搜索

Visual Studio Code - 在 VSCode 中将 TypeScript 函数返回类型提取到接口


VSCode 能够显示函数的返回类型。如何将定义提取到接口中?

一种获取返回类型的方法是使用内置的 ReturnType 工具,但在这种情况下,我想获取当前情况的快照,以用作 API 客户端的类型定义。如果将来函数的类型发生变化,我不想自动更新 API 客户端,以便发现变化。

type ReturnedType = ReturnType<typeof prepareBookingData>;

另一个小的变通方法是在 tsconfig 的 compilerOption 中指定 noErrorTruncation:true,如此处所建议的,但这仍然只能让我们达成大约 80%,而且应该可以通过一次点击和一个快速操作来实现。

我如何提取一个函数的返回类型?

答案#1

您可以使用 VSCode 的快速修复来实现这一点。编写一个调用不存在的函数,并将您所需类型的值作为参数传递给它,VSCode 会建议为您添加缺失的函数声明。

这是一个使用解析器组合子库构建的类型的示例。

结果为:

它甚至会自动为你导入缺失的类型!