promise理解和封装

Promise是ES6的异步编程解决方案,用于封装和管理异步操作。主要解决ajax等请求时的回调问题,避免回调地狱,提高代码可读性。Promise有pending、resolved和rejected三种状态,通过then、catch和finally方法处理异步结果。同时介绍了Promise.all和Promise.race的用法,并展示了Promise的简单封装。
摘要由CSDN通过智能技术生成

一、什么是Promise

Promise是ES6异步编程的一种解决方案(目前最先进的解决方案是async和await的搭配(ES8),但是它们是基于promise的),从语法上讲,Promise是一个对象或者说是构造函数,用来封装异步操作并可以获取其成功或失败的结果。

二、为什么要使用promise

最重要也是最主要的一个场景就是ajax和axios请求。通俗来说,由于网速的不同,可能你得到返回值的时间也是不同的,但是我们下一步要执行的代码依赖于上一次请求返回值,这个时候我们就需要等待,结果出来了之后才知道怎么样继续下去。

三、promise的好处

防止出现回调地狱; 提高代码的可读性; 像同步操作那样去执行异步操作;

四、promise的三种状态

1.pending: 等待中,或者进行中,表示还没有得到结果 2.resolved(Fulfilled): 已经完成,表示得到了我们想要的结果,可以继续往下执行 3.rejected: 也表示得到结果,但是由于结果并非我们所愿,因此拒绝执行

五、promise的用法

1.promise的实例方法

①then() 得到异步任务的正确结果
②catch() 获取异常信息
③finally() 成功与否都会执行(尚且不是正式标准) 注意:then方法可以接受两个函数,第一个函数为promise状态为成功的回调函数,第二个函数为promise状态为失败的回调函数(可以不写,一般用catch方法捕获promise状态为失败的异常信息)

六、promise的属性

all用法

Promise的all方法提供了并行执行异步操作的能力

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
回答: Promise是ES6异步编程的一种解决方案,用于封装异步操作并获取其成功或失败的结果。它是一个对象或构造函数,可以以优雅的方式解决异步操作的问题。使用Promise可以通过then()方法获取异步任务的正确结果,通过catch()方法获取异常信息,还可以使用finally()方法在成功与否都执行一些操作。\[1\]\[3\] 下面是一个使用Promise封装异步请求的方法的示例代码: ```javascript function asyncRequest(url, type, data) { return new Promise((resolve, reject) => { $.ajax({ url: url, type: type, dataType: 'json', data: data, success: function (res) { if (res.code == 0) { resolve(res); } else { reject(res.msg); } }, }); }); } // 调用方法 let request = asyncRequest('url', 'get', data); request .then((res) => { console.log(res); }) .catch((err) => { console.log(err); }); ``` 在上述代码中,我们封装了一个名为asyncRequest的方法,它接受url、type和data作为参数。该方法返回一个Promise对象,在内部使用$.ajax方法发送异步请求。如果请求成功,我们调用resolve方法将结果传递给then()方法的回调函数;如果请求失败,我们调用reject方法将错误信息传递给catch()方法的回调函数。通过这种方式,我们可以更加优雅地处理异步操作,并获取其结果或处理异常情况。\[1\] #### 引用[.reference_title] - *1* *3* [promise理解封装](https://blog.csdn.net/xiaomingzi_12345/article/details/131433555)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [Promise-异步请求封装处理](https://blog.csdn.net/weixin_47299953/article/details/112986542)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值