ES6中的Promise、async、await，超详细讲解！

于 2024-08-06 08:50:34 发布
阅读量1.6k 收藏 68
点赞数 80
分类专栏： javascript深入研究 vue从基础到起飞 前端工程搭建 文章标签： 前端 javascript ecmascript vue.js es6 ai
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_78542842/article/details/140908279
版权

Promise是es6引入的异步编程新解决方案，Promise实例和原型上有reject、resolve、all、then、catch、finally等多个方法，语法上promise就是一个构造函数，用来封装异步操作并可以获取其成功或失败的结果，本篇文章主要介绍了ES6中的Promise对象与async和await方法，创作不易，如果能帮助到带大家，欢迎收藏+关注 哦 💕

🌈🌈文章目录

Promise

promise状态

Promise.prototype.then

Promise.prototype.catch

Promise.prototype.finally

执行次序

示例1

示例2

链式调用

链式传值

catch对调用链的影响

catch处在最后

catch处在中间

async & await

async

await

Promise

promise状态

Promise总是处于以下三种状态之一：

  • pending：初始状态
    • <
了解本专栏 订阅专栏 解锁全文 超级会员免费看
码喽的自我修养
关注
  • 80
    点赞
  • 踩
  • 68
    收藏
    觉得还不错? 一键收藏
  • 66
    评论
专栏目录
订阅专栏
ES6异步处理方式： Promise / async await
Creabine的博客
04-10 1710
参考资料： - JS Promise API - ES6 Async/Await 完爆Promise的6个原因 Promise js的异步处理，一直是使用callback的，但当我们要连续执行多个异步的时候，就会导致callback层层嵌套，很不友好。所以在ES6中，加入了Promise来帮助处理异步 api Promise.resolve() 　　 执行成功 Prom...
ES6 async、await的基本使用方法示例
11-20
本文实例讲述了ES6 async、await的基本使用方法。分享给大家供大家参考，具体如下： async是异步编程的最新标准，我们来看看async如何使用 1.async的简单使用 async function fn () { return 'abc' } console.log...
详解ES6之async+await 同步/异步方案
08-29
主要介绍了详解ES6之async+await 同步/异步方案，本文以最简明的方式来疏通 async + await，有兴趣的可以了解下
JS基于ES6新特性async await进行异步处理操作示例
10-17
主要介绍了JS基于ES6新特性async await进行异步处理操作,结合实例形式分析了async await进行异步处理操作的相关原理、步骤与注意事项,需要的朋友可以参考下
ES6———promise详解及用法。
最新发布
zhang_mou_r的博客
06-01 1005
1.promise其实就是一个对象或者说是构造函数。2.promise的出现（es6） 就是解决异步编程和回调地狱等问题，async和await的出现（ES8）就是基于promise的一种解决异步编程的终极解决方案。3.在前端中，ajax和axios都会用到异步编程，axios更是基于promise的，所以一定要掌握promise以及用async和await搭配promise的使用。
终于理清楚了Promise以及async和await
KAMHUNCHAN的博客
02-17 4283
promise理解： 1，是js异步编程的新的解决方案 2，是一个构造函数 3，用来封装一个异步操作，并可以获得其结果 promise三个状态： 1，pendding 未确定 2，resolved 成功 3，rejected 失败 注：状态只能改变一次，成功数据称为value，失败称为reason promise的基本使用 为什么要用Promise： 1.指定回调函数的方式灵活，可以在异步任务前指定也可以在异步任务后指定，而以前指定回调函数必须在异步任务开始前指定。 2.支持链式调用，可以解决
Promise、Async/Await 详解
m0_61663332的博客
08-03 3430
Promise、Async/Await 详解，Promise的参数resolve和reject、回调函数.then 和.catch和方法 .all() 和 .race()的使用。以及语法糖async/await的使用方法。
[ES6] promise & async/await
前端
04-20 1242
name: 函数名称。param: 要传递给函数的参数的名称。statements: 函数体语句。async 函数返回一个 Promise 对象，可以使用 then 方法添加回调函数});Promise 对象：await 会暂停执行，等待 Promise 对象 resolve，然后恢复 async 函数的执行并返回解析值。非 Promise 对象：直接返回对应的值。
Promise，Async，await简介
dianwangsa3895的博客
06-11 158
Promise 对象 转载：http://wiki.jikexueyuan.com/project/es6/promise.html 基本用法 ES6 原生提供了 Promise 对象。所谓 Promise 对象，就是代表了某个未来才会知道结果的事件（通常是一个异步操作），并且这个事件提供统一的 API，可供进一步处理。 有了 Promise 对象，就可以将异步操作以同步操作的流...
【11】ES6：async/await
weixin_45559449的博客
12-28 1296
最后，foo 函数返回一个 resolved 状态的 Promise 对象，该对象的值为’完成’。async/await 是一种基于生成器函数（Generator）和 promise 的语法糖，通过在函数前面加上 async 关键字，将函数转换为返回 promise 对象的异步函数，并使用 await 关键字等待异步操作的结果。await 只能在 async 函数内部使用，它会暂停 async 函数的执行，等待 Promise 对象的状态改变，然后再继续执行 async 函数。
es6---Promise
muzidigbig的博客
10-20 4835
Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理且更强大 回调函数 回调地狱 Promise.then()参数 Promise.all() Promise.allSettled() Promise.race() Promise.any() Promise.withPesolvers() Promise链中断方法 async/await Promise 高级用途的技巧
ES6 Promise
LavanSum的博客
12-14 1779
在JavaScript的世界中，所有代码都是单线程执行的。 由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现：异步操作就是在将来的某个时间点触发一个函数调用。 Promise对象定义： var promise = new Promise(function(resolve, reject){ //执行代码 bus...
async/await与promise（nodejs中的异步操作问题）
10-20
综上所述，`async/await`配合Promise为Node.js中的异步操作提供了一种清晰且有效的方法。它不仅避免了回调地狱，还使得异步代码更易于理解和维护，大大提升了开发者的编程体验。随着JavaScript和Node.js的发展，这些...
ES6中的Promise
weixin_30652897的博客
04-23 91
ES6中的Promise JavaScript本身是单线程语言，这在Node.js学习中已经反复强调过，因为单线程，就需要在程序进行IO操作时做“异步执行”，比如最典型的网络操作——ajax的使用。 在ajax请求网络时，就是在异步执行这个过程，等到异步工作执行完成，通过事先注册好的回调函数，异步事件完成立即触发回调函数，将回调函数拉入到同步执行中。 可见，异步操作会在将来的某个时间点触发一个事件...
ES6中的promise
lemon_shinning的博客
06-15 117
Promise是异步编程的一种解决方案，其实是一个构造函数，它的原型上有then和catch等方法。JS是单线程的语言，所以很多操作都是异步操作，而异步操作多由回调函数完成，这里边就会引出一个现象“回调地狱”即回调函数中有回调函数，这种现象会导致代码的可读性降低，为了解决这个问题我们选择使用Promise。防止出现回调地狱，提高代码的可读性，像同步操作那样去执行异步操作。 一个promise对象就代表一个异步操作，通过状态去管理异步操作。 打印结果...
Promise使用详解2（ES6中的Promise）
泥猴桃的博客
06-09 263
2015年6月， ES2015（即 ECMAScript 6、ES6） 正式发布。其中 Promise 被列为正式规范，成为 ES6 中最重要的特性之一。 1，then()方法 简单来讲，then 方法就是把原来的回调写法分离出来，在异步操作执行完后，用链式调用的方式执行回调函数。 而 Promise 的优势就在于这个链式调用。我们可以在 then 方法中继续写 Promise 对象并返回，...
ES6 Async/Await函数
idomyway的博客
12-11 748
前言 &nbsp;&nbsp;&nbsp;&nbsp;async-await是promise和generator的语法糖。只是为了让我们书写代码时更加流畅，当然也增强了代码的可读性。简单来说：async-await 是建立在 promise机制之上的，并不能取代其地位。 基本语法 let awaitPromise = new Promise((resolve,reject)=&gt;{ … r...
ES6 await
Dosth_Magic
07-15 899
async函数 含义 他就是Generator函数的语法糖，generator函数读取两个文件 const fs=require('fs'); const readFile=function(fileName){ return new Promise(function(resolve,reject){ fs.readFile(fileName,function(error,data){ ...
es6中async和await
09-21
在ES6中，async和await是一种用于处理异步操作的语法糖。async函数是一个返回Promise对象的函数，通过在函数前面加上async关键字来定义。使用async关键字定义的函数内部可以使用await关键字来等待一个Promise对象的解决，并返回其解决值。 当在async函数中使用await关键字时，代码会暂停执行，直到该Promise对象被解决或拒绝。这样可以以同步的方式编写异步代码，使得代码更加清晰、易读。 例如，引用中的示例展示了一个使用async和await来处理依赖关系的请求的示例。在这个示例中，通过在请求之间使用await关键字，确保了每个请求在上一个请求返回的参数上进行操作。
评论 66
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值