Promise链式调用改写成async/await

最新推荐文章于 2024-07-18 15:48:23 发布
最新推荐文章于 2024-07-18 15:48:23 发布
阅读量268 收藏
点赞数 1
文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38679823/article/details/134283507
版权

首先，Promise链式调用和async/await都是用来解决异步调用层层嵌套的问题。

promise解决了回调地狱的问题，把异步任务完成后的处理函数换个位置放：传给then方法，并支持链式调用，避免层层回调。用catch方法捕获错误。

await使得异步代码更像是同步代码，对串行的异步调用写起来更自然。await后面跟一个值或promise对象，如果是一个值，就直接返回；如果是一个promise对象，则接收promise对象成功后的返回值；或者再await后面调用一个async函数。

await返回值，只关注成功的情况，所以一般需要try/catch来捕获异常。

改写成async/await模式，用try/catch捕获异常

海绵饱饱_wk
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
异步Promise及Async/Await详解
qq_15859173的博客
12-21 671
一、为什么有Async/Await？ 我们都知道已经有了Promise的解决方案了，为什么还要ES7提出新的Async/Await标准呢？ 答案其实也显而易见：Promise虽然跳出了异步嵌套的怪圈，用链式表达更加清晰，但是我们也发现如果有大量的异步请求的时候，流程复杂的情况下，会发现充满了屏幕的then，看起来非常吃力，而ES7的Async/Await的出现就是为了解决这种复杂的情况。 首先，我们必须了解Promise。 二、Promise简介 2.1 Promise实例 什么是Promise，很多人应该
Promise以及async/await解决回调
XUYIGE的博客
03-31 729
文章目录一、函数对象与实例对象二、两种类型的回调函数同步回调异步回调三、JS的error处理1、 错误的类型：2、错误处理四、Promise 一、函数对象与实例对象 函数对象：将函数作为对象使用时，简称为函数对象 实例对象：new函数产生的对象，简称为对象 function Fn(){ //Fn函数 } const fn=new Fn() //Fn是构造函数 fn是实例对象（对象） consol...
promise 改写async
missxiang629的博客
10-08 99
灵感来源灵感来源灵感来源灵感来源灵感来源灵感来源。改写改写改写改写改写改写改写改写。
将promise的异步写法转成async await
呵呵哒!的博客
09-03 511
将promise的异步写法转成async await
Promise 的then 与 async await 写法相互转化
热门推荐
卓原的进化之旅
05-04 2万+
本来一直是用then来对promise进行处理的 , 今天在用react-native-stroge的时候发现作者很推崇async await的写法 于是研究了一下,把自己的代码替换了. 下面进入正题 在使用的时候,我存值时是这么写的: // 存值 createData(title, successBack, errorBack) { // 使用key保...
从promise到await
weixin_42349568的博客
04-19 824
在之前的中，已经讲完了从异步操作到promise的诞生，但是promise也仅仅是做到了异步操作和结果的分离，当我们有多个异步操作，且结果前后有依赖的时候，不可避免的，就会出现一系列的.then方法。还是不大优雅。最理想的情况是，。【注一】这里，需要先了解迭代器和生成器。
接口调用.then改写成async await写法 （小记）
weixin_45474019的博客
01-10 743
接口调用.then改写成async await写法 （小记）
使用 async 和 await 改写 todos.zip
07-26
`async/await`语法是ES2017引入的一种更简洁、更易读的方式来处理异步代码，它使得回调函数和Promise链式调用的方式变得不再那么复杂。在本案例中，我们将探讨如何使用`async/await`来改写Vue.js应用中的`todos.zip`...
前端Promise的理解的面试题
04-25
有关前端中的promise的理解和相关面试题，推荐要实习、就业的人在面试之前看看，提高自己的面试通过率，当然高手也可以看看来查缺补漏，有否新的感悟。 promise（承诺）是异步编程的一种解决方案；...● async await
浅谈Node.js之异步流控制
12-23
2. 使用Promise，利用链式调用和Promise.all()处理并行任务。 3. 应用async/await语法，实现更简洁的异步控制流。 通过以上方法，可以有效地管理Node.js中的异步操作，避免回调地狱，并提高代码的可读性和可维护性...
微信小程序完整：对wx接口的promise封装
06-01
Promise是JavaScript中用于处理异步操作的一种设计模式，它提供了一种更优雅的方式来处理回调地狱，通过链式调用来组织异步代码。Promise有三种状态：pending（等待中）、fulfilled（已完成）和rejected（已拒绝）。...
nodejs-api：使用在Node.JS课程中获得的知识异步调用API
02-16
在Node.js中，异步操作通常以Promise的形式返回，可以链式调用来处理结果或错误。然而，为了提高代码可读性和避免回调地狱，我们可以使用`async/await`语法。上面的`axios`示例可以改写为： ```javascript async ...
“用 Promise.then 容易出现回调地狱，所以改用 async/await” 这个说法对吗
weixin_43487782的博客
12-11 1168
昨天周会同事做技术分享，讲到一点：“用 Promise.then 容易出现回调地狱，所以改用 async/await”。那么这个说法对吗？ 首先这个说法完全错误。“Promise.then 出现回调地狱”，完全是编码不规范的问题，而不是 api 的问题。来看下面这个例子： // 解析压缩包 function parseZip(zip) { return new Promise( resolve => setTimeout(resolve, 1000, zip) ); } // 从压缩
Promise完美过渡到async/await
selfsummer的博客
06-09 975
async/await被称作为异步最终的写法 async function 关键字用来在表达式中定义异步函数。当然，你也可以用 异步函数语句 来定义。 async函数是使用async关键字声明的函数。 async函数是AsyncFunction构造函数的实例 AsyncFunction 构造函数用来创建新的 异步函数 对象，JavaScript 中每个异步函数都是 AsyncFunction 的对象。 async的基本语法 async function getdata (params) { ret
NodeJS-Promise、await、async异步变同步
u012765616的博客
12-26 2万+
由于公司需要，部分JAVA_WEB接口开发改为NodeJS。 NodeJS与JAVA相比起来较为轻量级，异步请求调用。 总的来说，适用于做微服务。在使用NodeJS的异步调用同时，难免会遇到需要同步的时候。 不说多了，上代码 异步代码 const request = require('request'); let synchronous_post = function
NodeJS-Promise、await、async异步变同步+for循环延时setTimeout
juchangtao1的博客
10-02 932
【代码】NodeJS-Promise、await、async异步变同步+for循环延时setTimeout。
关于 async 函数的理解
weixin_33843947的博客
12-11 185
前言 写这一篇文章的目的在于看到这篇文章觉得挺有意思，所以写下这个已表看法。 这个是原文 开始进坑 所谓的争论起源于一道面试题 async function async1() { console.log('async1 start') await async2() console.log('async1 end') } async function async2() { co...
vue3前端开发-小兔鲜项目-人气推荐栏目的前端渲染
最新发布
yrldjsbk的博客
07-18 336
除了必要的import导入之外，剩余的就是直接调用了，赋值了。经历过上一次的，新鲜好物的栏目渲染之后，我们已经熟练了，vue3的接口调用，数据渲染到页面中的整体流程。如图，我们已经做好了，列表的渲染赋值。里面可以看见，顶部是脚本，中间是模板，底部是样式。在首页面，内容里面，会看见很多内容，上期内容我们已经完成了新鲜好物的渲染操作。1：打开接口文档，查询：人气推荐栏目的接口地址信息和参数，返回值对象信息等。以上内容就是，已经写好的，HomeHot的模板代码了。如图，地址信息和调用的方式已经清楚了。
Web前端-Web开发CSS基础6-弹性盒子
a15735748145a的博客
07-16 1251
10. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。11. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。12. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。
promise和async/await的区别，什么时候使用promise，什么时候使用async/await
07-27
Promise和async/await都是JavaScript中处理异步操作的机制。 Promise是一种用于处理异步操作的对象。它可以表示一个异步操作的最终完成（或失败）及其结果的值。Promise有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。通过使用`then`和`catch`方法，我们可以对Promise进行链式调用来处理异步操作的结果。 async/await是基于Promise的语法糖，它提供了一种更简洁的方式来编写异步代码。使用async关键字声明一个函数为异步函数，在异步函数中可以使用await关键字来等待一个Promise对象的解决（即成功状态）并返回其结果。使用try-catch语句来捕获异步操作中的错误。 当你只需要处理一个异步操作时，可以使用Promise。它提供了一种更底层的方法来处理异步操作，并允许你使用`then`和`catch`方法来处理异步操作的结果和错误。 当你需要依次执行多个异步操作，并且每个操作依赖于前一个操作的结果时，async/await更加适合。它提供了一种更直观和同步的方式来编写异步代码，并且可以让你以同步的方式编写异步流程。 总结起来，当你只需要处理一个简单的异步操作时，使用Promise；当你需要处理多个依次执行的异步操作，并且希望代码看起来更加同步和简洁时，使用async/await。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值