​ 1、Promise 、axios 、async和await

本文详细介绍了同步与异步的概念,重点讲解了Promise的原理、使用方法,包括Promise.all()、Promise.race()和Promise.finally()。接着,文章探讨了基于Promise的axios库,包括基础配置和解决回调地狱的方案。最后,深入讨论了async和await的语法结构及其在解决异步问题上的应用。
摘要由CSDN通过智能技术生成

1.0 同步与异步 【了解】

  • 同步: 具有阻塞性

  • 异步: 异步代码同时执行,谁跑的快谁就先执行完,异步与同步相遇,先让同步执行完毕后再执行异步代码

  • 异步分类:(执行完成时间不确定或代码执行时间过长)

    • 定时器

    • 事件处理函数

    • 异步ajax

2.0 Promise -- 解决回调地狱 【掌握】

2.1什么是Promise?

他是一个构造函数,通过new 创建实例使用,他有3个状态,进行中、已成功、已失败,状态一旦确定就凝固了

2.2 语法结构

 new Promise((resolve,reject)=>{ // 成功回调,失败的回调
     // 处理异步的内容
     if(得到的异步结果===true){
         // 符合你的预期
         resolve(成功返回的数据)
     }else{
         reject('失败的错误')
     }
 })
.then((data)=>{
     // data 就是你成功返回的数据
 })
.catch((err)=>{
     // err 就是你失败后的错误
 })
​

 

2.3 Promise的其他方法

Promise.all() :

同时请求多个Promsie任务,只有全部成功才会成功,如果有一个失败那就全部失败

const p1 = new Promise(resolve=>{
    // 异
axios中,async/await是一种用于处理异步请求的语法。通过使用async关键字定义一个异步函数,然后在函数内部使用await关键字来等待异步操作的结果。这样可以使异步代码看起来更像同步代码,提高代码的可读性和可维护性。\[2\] 在使用axios进行异步请求时,可以将async/awaitaxios结合使用。例如,在一个异步函数中,可以使用await关键字等待axios.get方法返回的Promise对象,以获取请求的结果。这样可以避免使用回调函数或者.then方法来处理异步操作。\[2\] 同时,async函数会隐式返回一个Promise对象,可以使用.then方法对返回的Promise对象进行链式编程,以处理异步操作的结果。\[2\] 总结来说,async/await是一种简化异步操作的语法糖,可以使异步代码更加清晰和易于理解。在axios中,可以使用async/await来处理异步请求,使代码更加简洁和可读。\[2\] #### 引用[.reference_title] - *1* *3* [axiosasync / await的基本用法](https://blog.csdn.net/weixin_51033461/article/details/118938930)[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* [Axios和(async,await)](https://blog.csdn.net/weixin_44976833/article/details/104522054)[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 ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值