如何在打字稿中获取异步函数的返回类型？

Question

考虑我们有一个如下所示的函数

const upper = (str: string) : string => string.toUpperCase() 

我们可以使用以下方法获取函数的类型ReturnType

type Test = ReturnType<typeof upper>

但现在考虑我们有一个异步函数。

const getUserData = async (uid: string): Promise<{name: string, email: string}> => {
   ...
};

现在我们怎样才能得到这种类型{name: string, email: string}

Answer 1

您可以AsyncReturnType使用以下命令创建infer：

type AsyncReturnType<T extends (...args: any) => Promise<any>> =
    T extends (...args: any) => Promise<infer R> ? R : any

测试：

const getUserData = async (uid: string): Promise<{ name: string, email: string }> => {...};

type T1 = AsyncReturnType<typeof getUserData> // { name: string; email: string; }

样本

Answer 2

标记的函数的async返回类型为Promise<T>

我们可以使用条件类型来提取 Promise 将解析的值的类型。

export type ValueType<T> =
  T extends Promise<infer U>
    ? U
    : T;

然后我们可以将该类型与 ReturnType 组合以获得所需的结果。

const getUserData = async (uid: string): Promise<{name: string, email: string}> => {
   ...
};

type UserData = ValueType<ReturnType<typeof getUserData>>;