【TypeScript】定义Promise的返回值类型

问题

如何在 Typescript 中定义 Promise 的返回值类型?

描述

如图所示,可以看到 Promise 中,reslove() 方法传入的是 number 类型。但是,Typescript 感知到的类型却是 Promise<{}>。

const main = new Promise((reslove,reject)=>reslove(1);});

解决方法

方法一

通过Promise的构造函数,声明返回值的泛值类型

const main = new Promise<number>((reslove,reject)=>reslove(1);});

方法二

修改 reslove的类型定义

const main = new Promise((reslove: (value:number) => void,reject)=>reslove(1);});

原理

/** * Creates a new Promise. * @param executor A callback used to initialize the promise. This callback is passed two arguments: * a resolve callback used resolve the promise with a value or the result of another promise, * and a reject callback used to reject the promise with a provided reason or error. */
    new <T>(executor: (resolve: (value?: T | PromiseLike<T>) => void, reject: (reason?: any) => void) => void): Promise<T>;

Promise的类型定义如上,我们可以看到 Promise 返回值的类型定义,可以由两部分决定。第一个是构造时的泛型值,第二个是 reslove函数 value值得类型。

    原文作者:猫兮ぃCatci
    原文地址: https://blog.csdn.net/qq_45587822/article/details/106676574
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞