async await使用规范记录

已于 2023-05-15 16:17:44 修改
阅读量871 收藏
点赞数
分类专栏： js react 文章标签： javascript 前端
于 2023-05-15 14:52:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luobo2345/article/details/130684412
版权

​

await和then不要一起使用，await可以通过try catch捕获返回信息。

await和then的区别：await和then的区别

async 和 await 是基于promise异步调用做的优化，以同步的写法执行异步的回调。

promise中遇到then会将then中内容加到执行栈中等待promise结果返回后再次调用执行栈中的内容，不会影响后面代码的执行；

await是暂停执行，只有当await这一行执行完毕后才会继续向下执行；

promise.then写法是promise对象的写法，await代替了这种写法，取消了之前的链式写法，所以await使用then方法从语法上来说会很奇怪。可以使用下面两种写法。

// 使用then和catch处理接口返回的数据
const oneApi = async (ids) => {
   
    let params = {
   
		bizOrderIds: bizOrderIds
最低0.47元/天 解锁文章
小薯片子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用async await 封装 axios的方法
08-27
"使用async await 封装axios的方法" async await 是一种异步编程的方式，它可以将异步代码写得像同步代码一样，易于阅读和维护。axios 是一个流行的 HTTP 客户端库，用于发送 HTTP 请求。在 Vue 项目中，我们可以...
then里面调用 await
weixin_69811594的博客
12-24 1065
then里面调用 await
async await、Promise、setTimeout执行顺序之题型
Lofan 的博客
12-09 231
题1： async function async1(){ console.log('async1 start'); await async2(); console.log('async1 end') } async function async2(){ console.log('async2') } console.log('script start'); setTimeout(function(){ console.log('setTimeout') },0); as
await和.then同时使用报错的问题
qq_37827020的博客
11-16 1752
await和.then同时使用报错的问题
关于 async 函数的理解
weixin_33843947的博客
12-11 185
前言 写这一篇文章的目的在于看到这篇文章觉得挺有意思，所以写下这个已表看法。 这个是原文 开始进坑 所谓的争论起源于一道面试题 async function async1() { console.log('async1 start') await async2() console.log('async1 end') } async function async2() { co...
关于 async 函数的理解/then的多层次回调问题
song854601134的博客
01-01 1868
前言 写这一篇文章的目的在于看到这篇文章觉得挺有意思，所以写下这个已表看法。 这个是原文 开始进坑 所谓的争论起源于一道面试题 async function async1() { console.log('async1 start') await async2() console.log('async1 end') } async function async2() { console.log('async2') } console.log('script start') setT
async/await和then函数的执行顺序
weixin_41425956的博客
04-26 8009
首先说结论： async 用来指定方法为异步方法（区别于同步方法），即只有async修饰的函数中才能出现await阻塞操作，遇到阻塞是先让CPU先执行函数外的操作，之后再回函数内部执行函数内接下来的代码。而不像同步方法那样傻傻的等待，浪费CPU资源 await阻塞，后面放异步任务，当其执行完毕后，阻塞该函数的执行，去执行函数外的代码 例如：const...
async、await和.then的使用
最新发布
守灯者的博客
12-30 873
then async await 三者的使用
C# async await使用方法
06-28
C# async await使用方法
async await 使用demo（WPF C#）
10-31
Example for binding an ObservableCollection to a ListView and using async await Task to update the data
vue如何使用async、await实现同步请求
10-15
在Vue.js应用中，使用`async/await`语法可以极大地简化异步操作，尤其是处理多个API请求时。`async/await`是ES2017引入的特性，它允许我们将异步代码写得像同步代码一样，使得代码更加可读和易于理解。下面将详细...
async函数、await函数、promise、then四者的关系
前端知识库
05-22 3341
async和await要搭配Promise使用, 它进一步极大的改进了Promise的写法 1.特点 await后面接一个会return new promise的函数并执行它 await只能放在async函数里 2.案例 function 摇色子(){ return new Promise((resolve, reject)=>{ let sino = parseInt(Math.random() * 6 +1) setTimeout(()=>{
promise既可以用then也可以用async吗?
m0_57236802的博客
08-20 157
这是处理 Promise 的传统方式。当 Promise 完成（无论成功还是失败）时，您可以使用。您可以根据您的需求和代码风格偏好选择使用哪种方式。有时，对于简单的异步操作，使用。这是一个较新的、更简洁的方式来处理异步操作，它使得异步代码看起来更像同步代码。是一种表示异步操作结果的对象。而对于涉及多个异步步骤的复杂逻辑，使用。可能会使代码更易读、更易维护。来处理成功的结果，并使用。
async/await - 7.结合await和任意兼容.then()的代码
m0_37068028的博客
11-11 3412
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
await和then的区别详解
热门推荐
qq_44606064的博客
02-12 1万+
promise, async，await与then
try catch 一般搭配的是async await 但是当awiat不会返回数据的时候，也是可以用.then的
imkaifan的博客
10-20 279
try catch 一般搭配的是async await 但是当awiat不会返回数据的时候，也是可以用.then的
消灭异步回调，还得是async-await
猫老板的豆
07-28 250
现在知道了，async-await是promise的语法糖了吧，不仅让我们书写代码时更加流畅，而且增强了代码的可读性。特别注意的是虽然async-await是建立在Promise机制之上的，但是并不能取代其地位，他们两者相辅相成，息息相关。其实async-await不止是Promise的语法糖，还是Generator的语法糖，Generator是什么？我们下篇见分晓。作者来碗盐焗星球链接https来源稀土掘金。...
异步 await 和.then的区别
weixin_44727080的博客
12-18 4876
await 就是 等待方法执行完 返回结果 这时候只用接收 就好了 .then 也是等待方法执行完 只是 await 返回的直接是数据 .then返回的是个方法 方法里面带有 数据
谈谈Promise的then链与async/await方法的异同之处
hongweilin2021的博客
10-30 1502
推出Promise及其then链是为了解决多层次的回调函数问题的，而async/await函数是为了简化多个then链情况而出现的。
async await 使用
08-02
async/await 是 JavaScript 中处理异步操作的一种方式。它们可以让我们以更直观、更易读的方式编写异步代码。 async 关键字用于申明一个异步函数，这个函数会返回一个 Promise 对象。在 async 函数内部，我们可以使用 await 关键字来等待一个 Promise 对象的解决（即获取 Promise 对象的结果）。当遇到 await 关键字时，async 函数会暂停执行，直到 Promise 对象解决并返回结果，然后再继续执行后面的代码。 在引用[1]中的例子中，我们可以看到 async/await 的使用。在一个 async 函数内部，我们可以嵌套使用 async 函数，并使用 await 来等待这些函数的结果。这样可以使代码更加清晰和易于理解。 在引用[2]中的例子中，我们可以看到 async/await 在处理有嵌套请求的情况下的优势。相比于使用 Promise 的链式调用，async/await 更加直观和易读。 需要注意的是，在 async 函数内部，虽然内部的 async 函数会等待其 await 返回结果才继续执行后面的代码，但外部的 async 函数不会等待内部的 await，会照常执行。这意味着，外部的 async 函数会继续执行后面的代码，而不会等待内部的 await 返回结果。 总结来说，async/await 是一种更直观、易读的处理异步操作的方式，它可以让我们以同步的方式编写异步代码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值