promise.then和async, await概述

已于 2023-06-28 19:06:40 修改
阅读量101 收藏
点赞数
文章标签： vue.js
于 2023-04-12 10:44:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_72658000/article/details/130101339
版权
本文介绍了如何使用Promise和async/await将异步操作转化为同步形式，特别强调了async/await的简洁性。同时，解释了Promise.all如何用于并行调用多个接口，只有所有接口成功时才会触发回调或await后的代码执行。
摘要由CSDN通过智能技术生成

b84188390d684606b35aeb4bd8e9ff3a.png

模拟写一个接口，底层的Axios是用promise 来包的，成功后接口返回的是resolve，失败后接口返回的是reject。

接口.then((res)=>{console.log(res)}

把异步变为同步，先调接口才能得到res（接口中返回的值）。

async 和await也是把异步变为同步，先调接口才能得到res（接口中返回的值）。但是比promise.then更美观。

Promise.all的作用是同时调好几个接口，当这几个接口都能调成功后再.then或者await 赋值

a3c82083ca434df2a49a0d2a70a49569.png 

 

一个卷不动的程序媛
关注
async、await和.then的使用
守灯者的博客
12-30 1231
then async await 三者的使用
promise接地气讲解....async await promise try...catch
CJamenc的博客
11-04 491
简单介绍下这几个的关系 为方便起见 用以下代码为例简单介绍下这几个东西的关系， async function buildData(name) { try { let response1 = await axios.get('/api/user?name=' + name); let userInfo = response1.data; let response2 = await axios.get('/api/topics?use
await和then的区别详解
qq_44606064的博客
02-12 1万+
promise, async，await与then
异步 await 和.then的区别
weixin_44237303的博客
03-12 690
异步 await 和.then的区别
【全面拥抱await，放弃.then】
qq_49712611的博客
03-02 1003
全面拥抱await，放弃.then
promise .then和async await的使用
m0_64207574的博客
03-01 7331
Promise .then和async await的使用
promise.then 和 async await区别
04-01
`Promise.then`和`async/await`都是用来处理异步代码的方法，但它们在语法和用法上有一些不同之处。 1. 语法差异： - `Promise.then`是基于回调函数的，它需要在每个`then`中传递一个回调函数来处理异步操作的结果...
Js中process.nextTick，setImmediate，setTimeout，Promise.then，async/await终极异步执行顺序全解析
codingWeb的博客
09-28 1297
虽然大家知道async/await，但是很多人对这个方法中内部怎么执行的还不是很了解 await做了什么处理 从字面意思上看await就是等待，await 等待的是一个表达式，这个表达式的返回值可以是一个promise对象也可以是其他值。 很多人以为await会一直等待之后的表达式执行完之后才会继续执行后面的代码，实际上await是一个让出线程的标志。await后面的函数会先执行一遍，然后就会跳出整个async函数来执行后面js栈后面的代码。等本轮事件循环执行完了之后又会跳回到async函数中等待await
promise、async和await
zy_lalala的博客
05-01 5767
promise JavaScript是单线程 因为js语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。 异步任务 但这样很容易造成阻塞，所以把任务分成了同步任务和异步任务两种，异步模式可以同时执行多个异步任务，当主线程遇到异步任务，就把异步任务放进’任务队列’里，执行完同步任务后，再循环的去检查任务队列里面有哪些异步任务要执行， 回调函数 在没有promise前，使用的是回调函数的方式来执行异步任务，就是当主线程开始执行这个异步任务时，就去执行这个异步任务对应的回调函数。 异步任务比如：ajax
Java 8 函数式接口
stranger的博客
09-08 2775
Java 8 知识点 内置的4个函数式接口 /** * Java 8 内置四大核心函数式接口 * * 1.Consumer<T>: 消费性接口 * * 2.Supplier<T>: 供给型接口 * * 3.Function<T,R>: 函数式接口 * * 4.Predicate<T>: 断言型接口 */ public void test(){
async/await - 7.结合await和任意兼容.then()的代码
m0_37068028的博客
11-11 3456
async/await - 7.结合await和任意兼容.then()的代码async function main() { const number = await 888 console.log(number) // 888 } main() // 888await 888会调用const number = await Promise.resolve(888) await 后如果不是Pro
【面试题】ES6中await和then的使用及区别
LS_952754的博客
08-05 757
【面试题】ES6中await和then的使用及区别
Promise 的then 与 async await 写法相互转化
热门推荐
卓原的进化之旅
05-04 2万+
本来一直是用then来对promise进行处理的 , 今天在用react-native-stroge的时候发现作者很推崇async await的写法 于是研究了一下,把自己的代码替换了. 下面进入正题 在使用的时候,我存值时是这么写的: // 存值 createData(title, successBack, errorBack) { // 使用key保...
vue3 实现文本内容超过N行折叠并显示“...展开”组件
Angel_Tears_的博客
09-28 1196
> 组件内文字样式取决与外侧定义 > 组件大小发生变化时,文本仍可以省略到指定行数 > 文本不超过时, 无展开,收起按钮 > 传入文本发生改变后, 组件展示新的文本
knowLedge-Vue I18n 是 Vue.js 的国际化插件
2301_76671906的博客
09-30 847
Vue 2 中使用 Vue I18n 插件实现中英文切换
Vue根实例、实例总结
最新发布
m0_54007573的博客
10-04 334
Vue根实例、实例总结
Vue 技术进阶 day2 数据监视的原理、其他内置指令、自定义指令、生命周期、组件化、VueComponent构造函数
2301_77358195的博客
09-30 908
自定义指令
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值