在 Typescript 中导出函数的返回类型

Question

我有一个构建对象的函数，如下所示：

function toast() {
  return {
    a: "a",
    b: "b"
  }
}

我可以将函数的类型定义为

type ToastFunctionType = typeof toast

这种类型是

() => { a: string; b: string; }

但是，我只想要返回值的类型。是否可以提取 toast 的返回值的类型？在我的用例中，对象的实际值使用非常冗长的泛型类型参数。类型推断使它们恰到好处，我想避免维护一个非常冗长的接口（我需要导出）。

在吐司的情况下我想要的只是

{ a: string; b: string; }

Answer 1

是的，这是可能的。诀窍是在某处使用您需要的类型声明一些值（返回类型为toast()），而无需实际调用toast()。您可以通过引入另一个返回适当类型的值（实际值为 null）的函数来做到这一点，然后创建一个变量并将该函数返回的值分配给它，然后获取其中的 typeof。

我找不到不添加未使用变量的方法，但由于该变量由函数立即返回的null 初始化，我认为运行时开销可以忽略不计。代码如下：

function toast() {
  return {
    a: "a",
    b: "b"
  }
}

function getReturnType<R> (f: (...args: any[]) => R): {returnType: R} {
    return null!;
}

// dummy variable, used for retrieving toast return type only
let toastType = getReturnType(toast);

export type ToastReturnType = typeof toastType.returnType;

2018 年 2 月更新

在即将发布的 2.8 版本中，some new language features 可以在不涉及虚拟变量和函数的情况下实现。

这个例子用 typescript@next 编译：

export function z() {
    return {a: 1, b: '2'}
}

export function v() {
}

type ReturnType<T extends (...args: any[]) => any> = 
    T extends (...args: any[]) => infer R ? R : never;

export type RZ = ReturnType<typeof z>; // { a: number; b: string; }
export type RV = ReturnType<typeof v>; // void

TypeScript >= 2.8

从 2.8 版开始，TypeScript 有一个您可以使用的 built-in generic ReturnType。