TypeScript 学习之Promise处理异步操作

本文介绍了如何在TypeScript中使用Promise处理异步操作,包括Promise对象的创建、resolve和reject的使用,以及then、catch和finally方法的链式调用机制。

在 TypeScript 中,Promise 是用于处理异步操作的对象。如下:

function getData(): Promise<string> {

    return new Promise<string>((resolve, reject) => {

        setTimeout(() => {

            const data = 'Success:Get data!';

            if (data) {

                resolve(data); // 处理成功

            } else {

                reject(new Error('Fail:No data!')); // 处理失败

            }

        }, 500);

    })

}

创建 Promise 对象时,需要传递一个执行器函数,有两个参数:resolve 和 reject,通过调用 resolve 函数,可以传递处理成功的结果,通过调用 reject 函数,可以传递处理失败的结果。

export const testGetData = () => {

    getData()

        .then((data) => {

            console.log(data); 

        })

        .catch((error) => {

            console.error(error); 

        })

        .finally(()=>{

            console.log("Finally: Come here!");

        })

};

Promise 提供了链式调用的机制,可以通过 then 方法注册成功状态的处理函数,通过 catch 方法注册失败状态的处理函数,通过 finally 方法用于注册无论操作成功还是失败都要执行的处理函数。

评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值