async await使用规范记录

小薯片子

已于 2023-05-15 16:17:44 修改

阅读量1k

点赞数

分类专栏： js react 文章标签： javascript 前端

于 2023-05-15 14:52:48 首次发布

本文链接：https://blog.csdn.net/luobo2345/article/details/130684412

版权

本文探讨了在JavaScript中，为何不建议同时使用await和then，并解释了await和then的区别。await允许通过try catch捕获异步操作的返回信息，而then则是Promise的处理方式。await会暂停执行流程，等待异步任务完成，而then则不会阻塞后续代码。推荐使用await简化异步代码的书写。

摘要由CSDN通过智能技术生成

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元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小薯片子

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
async await使用规范记录

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

扫一扫

专栏目录

async、await和.then的使用

守灯者的博客

12-30

1136

then async await 三者的使用

async/await的用法，等待一个方法执行完

最新发布

weixin_45646663的博客

04-30

315

await后面通常跟的是一个Promise对象，它会等待该Promise对象resolve，然后得到resolve的参数。如果async函数中有返回值，会返回一个Promise对象，可以使用then方法来处理这个Promise对象。如果await后面跟的不是Promise对象，系统会自动将其转化成一个Promise对象。2，await：只能在async函数内部使用，用于等待一个异步方法执行完成。比如，获取了一个$bug的公公方法，用async，写了一个异步函数。

参与评论您还未登录，请先登录后发表或查看评论

15、async函数

weixin_43613849的博客

03-05

1541

目录 1、基本用法 2、语法 1、返回 Promise 对象 2、Promise 对象的状态变化 3、await 命令 4、错误处理 5、使用注意点 1、基本用法 async函数返回一个 Promise 对象，可以使用then方法添加回调函数。当函数执行的时候，一旦遇到await就会先返回，等到异步操作完成，再接着执行函数体内后面的语句。 async function getStockPriceByName(name) { const symbol = await get.

async when then

highflys的博客

11-14

154

function test1(){ var def = new $.Deferred; setTimeout(function() { console.log(1) def.resolve(); }, 1000); return def; } function test2(){ var def = new $.Deferred; setTimeout(f...

JavaScript Promise 对象的语法 async await 和.then

tenc1239的博客

07-16

842

3 用 async await .then ,非要在.then外再处理数据执行操作就要async await。2 用 async await -> 等待结果后在继续下面的操作处理数据。1 只用.then , 只能在.then中完成所有操作。

JS-学习ES6之- async & await

BigKongfuPanda的博客

06-09

1613

目录概述基本用法 1. 概述 async 函数是什么？一句话，它就是 Generator 函数的语法糖。 2. 基本用法 2.1 返回 promise 对象 async 函数返回的是一个 promise 对象. async function test (){ return 'hello async'; } let result = test(); cons...

异步Promise及Async/Await详解

qq_15859173的博客

12-21

717

一、为什么有Async/Await？我们都知道已经有了Promise的解决方案了，为什么还要ES7提出新的Async/Await标准呢？答案其实也显而易见：Promise虽然跳出了异步嵌套的怪圈，用链式表达更加清晰，但是我们也发现如果有大量的异步请求的时候，流程复杂的情况下，会发现充满了屏幕的then，看起来非常吃力，而ES7的Async/Await的出现就是为了解决这种复杂的情况。首先，我们必须了解Promise。二、Promise简介 2.1 Promise实例什么是Promise，很多人应该

异步函数（async/await）

qq_36865892的博客

10-27

2860

异步函数是将期约应用于JavaScript函数的结果。异步函数可以暂停执行，而不阻塞主线程。无论是编写基于期约的代码，还是组织串行或平行执行的异步代码，使用异步函数都非常得心应手。异步函数可以说是现代JavaScript工具箱中最重要的工具之一。

Promise：工作流程、常见API、使用方法、手撕Promise、async/await

weixin_42044763的博客

12-28

2567

Promise指定回调函数的方式更加灵活，且支持链式调用，可以解决回调地狱的问题。回调地狱：回调函数嵌套调用，外部回调执行结果是内部函数执行的条件，不便于阅读且不便于异常处理，解决方式就是promise（或async/await）

使用.NET6中的Async和Await管理异步任务

使用.NET6中的Async和Await管理异步任务异步编程在现代软件开发中扮演着至关重要的角色。随着计算机性能的不断提升，应用程序需要处理的任务变得越来越复杂，而传统的同步编程模型可能导致性能瓶颈和用户体验下降...

async/await的使用

q850593913的博客

06-21

326

为什么要用async/await 单纯地使用promise对象+then的形式顺序执行，代码使用起来并不优雅，需要一种更接近传统语法的形式异步请求axios的API都是返回的promise对象基本用法 async 关键字用于函数上（async函数的返回值是Promise实例对象所以要用then得到返回值） await 关键字用于async函数当中，接在promise对象前面可以得到reslove或者reject的结果 var sum=0 function time

async 和 await

weixin_41040445的博客

04-07

130

async函数就是Generator函数的语法糖 ES7中提出的async函数，它能解决Promise连续then的一个火车黑洞问题 1、基本使用 const fs = require("fs"); function readFile(url) { return new Promise((resolve,reject) => { fs.readFile(url,(err,content) => { if(err){

ES6 -- async 函数

yecengxiangshi0426的专栏

04-17

149

async函数完全可以看作多个异步操作，包装成的一个 Promise 对象，而await命令就是内部then命令的语法糖。 1.基本用法 async函数返回一个 Promise 对象，可以使用then方法添加回调函数。当函数执行的时候，一旦遇到await就会先返回，等到异步操作完成，再接着执行函数体内后面的语句。 async function getStockPriceByName(nam...

promise，async →await，then→catch，try→catch 使用简介

weixin_44434938的博客

03-13

1127

promise，async →await，then→catch，try→catch 使用简介

ES7 之 Async/await 的使用（改进 Promise 链式操作）

weixin_33748818的博客

11-06

281

在 js 异步请求数据时，通常，我们多采用回调函数的方式解决，但是，如果有多个回调函数嵌套时，代码显得很不优雅，维护成本也相应较高。 ES6 提供的 Promise 方法和 ES7 提供的 Async/Await 语法糖可以更好解决多层回调问题。 Promise 对象用于表示一个异步操作的最终状态（完成或失败），以及其返回的值。 await 操作符用于等待一个Promise 对象。它只能在异步函数...

async/await - 7.结合await和任意兼容.then()的代码

m0_37068028的博客

11-11

3448

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

async函数、await函数、promise、then四者的关系

前端知识库

05-22

3395

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(()=>{

await和.then同时使用报错的问题

qq_37827020的博客

11-16

1956

await和.then同时使用报错的问题

fastapi项目记录文档

03-22

FastAPI是一个现代、快速（高性能）的Web架，用于构建API。它基于Python 3.7+的类型提示和异步支持，提供了简单易用的API开发体验。在FastAPI中，项目记录文档是通过自动生成的方式实现的。它使用了OpenAPI（以前称为Swagger）规范来定义API的结构和文档。通过使用FastAPI，你可以自动获得以下功能： 1. 自动生成API文档：FastAPI会根据你编写的代码自动生成API的文档，包括请求和响应的模型、路径参数、查询参数、请求体等信息。你可以通过访问特定的URL来查看和测试API文档。 2. 交互式API文档：FastAPI生成的API文档是交互式的，你可以在文档中直接测试API的各种请求，并查看实时的响应结果。这使得开发人员可以方便地测试和调试API。 3. 类型检查和验证：FastAPI使用Python的类型提示来进行请求和响应的类型检查和验证。这样可以在编写代码时就能发现潜在的错误，并提供更好的开发体验。 4. 自动路由：FastAPI使用装饰器来定义路由和处理函数之间的映射关系。你只需要编写处理函数，并使用装饰器指定URL路径和HTTP方法，FastAPI会自动将其注册为路由。 5. 异步支持：FastAPI原生支持异步操作，可以使用async/await语法编写异步的处理函数，提高性能和并发能力。