获取已解决的promise的返回类型？

Question

我想创建一个具有一些默认值的变量，它是从 Promise 解析的返回类型的扩展接口。我的功能类似于：

function getAge(): Promise<number> {
  return new Promise((resolve) => {
  resolve(42)
  })
}

我的变量的默认值是：

let user: { name: string, age: number } = { name: "", age: 0 }

我尝试过使用 ReturnType<>，但是当我只想返回数字时，我似乎只能获得返回类型

Promise<number>

。

Answer 1

Typescript 4.5 中的更新

您可以使用新的Awaited类型

例如：

let bar: Awaited<ReturnType<typeof foo>>

这与下面的

UnboxPromise

示例基本相同，但 Awaited 可以递归部署 Promise。

旧答案

我喜欢上面的答案（

UnboxPromise

示例）。

或者，您可以定义类似于 ReturnType 的类型，仅将返回值作为承诺。

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

示例：

// Our declared type
type ReturnPromiseType<T extends (...args: any) => Promise<any>> = T extends (...args: any) => Promise<infer R> ? R : any;

// Let's imagine that we do not have direct access to this type (a typical case when using external libraries)
interface Foo {
    a: string
}

// Here we already have access to the function, but we still don't have access to the return type.
function foo(): Promise<Foo> {
    return Promise.resolve({
        a: "abc"
    })
}

(async () => {
    let bar: ReturnPromiseType<typeof foo> // returns our interface/type Foo
    let baz: any // any by default

    bar = await foo();
    baz = await foo();

    // typeof bar
    // in IDE shows - let bar: Foo
    // typeof bar.a
    // in IDE shows - (property) Foo.a: string
    
    //typeof baz
    // in IDE shows - any
    //typeof baz.a
    // in IDE shows - any
})();

在打字稿游乐场

Answer 2

您可以使用条件类型来提取 Promise 的值类型：

function getAge(): Promise<{ name: string, age: number }> {
  return new Promise((resolve) => {
  resolve({ name: "", age: 42 })
  })
}

type UnboxPromise<T extends Promise<any>> = T extends Promise<infer U> ? U: never;

let user: UnboxPromise<ReturnType<typeof getAge>> = { name: "", age: 0 }

阅读有关条件类型的更多信息此处