ES6异步处理方式： Promise / async await

最新推荐文章于 2024-12-07 09:36:35 发布
最新推荐文章于 2024-12-07 09:36:35 发布
阅读量1.7k 收藏 5
点赞数 2
分类专栏： 学习笔记 前端工程师从初级到高级 文章标签： 异步 ES6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Creabine/article/details/79877424
版权
本文介绍了ES6中处理异步的两种方式：Promise和async/await。Promise提供了Promise.resolve(), Promise.reject(), Promise.prototype.then()等API来解决回调地狱问题，而async/await作为Promise的补充，让异步代码更接近同步风格，简化了异步编程。文中通过实例展示了如何使用这两个特性，并解释了async函数的工作原理。" 49804995,5550691,"Java定时任务：Timer, Spring Quartz, @Scheduled比较
摘要由CSDN通过智能技术生成

参考资料：
- JS Promise API
- ES6 Async/Await 完爆Promise的6个原因

Promise

js的异步处理，一直是使用callback的，但当我们要连续执行多个异步的时候，就会导致callback层层嵌套，很不友好。所以在ES6中，加入了Promise来帮助处理异步

api

  • Promise.resolve() 　　 执行成功
  • Promise.reject()　　　　 执行失败
  • Promise.prototype.then() 递延处理
  • Promise.all() 所有的完成 Promise.all方法常被用于处理多个promise对象的状态集合

可以这样理解： Promise是一个构造函数，使用时要 new Promise（x）来构造一个对象，其中的参数x是一个函数，(resolve, reject) => { 异步代码返回data }，在函数中执行异步代码，如果异步执行成功，则调用resolve(data)，错误则调用reject(data)，如下列代码：

最低0.47元/天 解锁文章
ES6中的Promise、async、await，超详细讲解！
共同学习，共同成长
08-06 2174
Promise是es6引入的异步编程新解决方案，Promise实例和原型上有reject、resolve、all、then、catch、finally等多个方法，语法上promise就是一个构造函数，用来封装异步操作并可以获取其成功或失败的结果，本篇文章主要介绍了ES6中的Promise对象与async和await方法
JS 异步 Promise、Async、await详解
qq_50909707的博客
11-03 2561
可以看到，首先打印了Test Demo，3秒后执行了第一各Promise里的内容，执行完第一个Promise里的内容后，再过2秒执行了第二各Promise里的内容。可以看到，首先打印了Test Demo，3秒后执行了第一各Promise里的内容，执行完第一个Promise里的内容后，再过2秒执行了第二各Promise里的内容。(2) Promise.race() 中Promise序列中第一个执行完毕的是通过，则认为是成功，如果第一个执行完毕的Promise是rejected，则认为失败；
ES6 Promise的用法，async/await异步处理同步化
最新发布
raslee的专栏
12-07 552
以上代码就是最终的改造版了，可以看到onload是函数，这个函数必须有async命令，在调用函数的部分，前面都加了一个await，这个命令的意思就是等这一行的异步方法执行成功后，将返回的值赋值给res变量，然后才能再走下一行代码，这就是将原来的异步编程改为了同步编程，这就是标题提到的“异步处理，同步化”，看上面的引用，promise就是用来解决异步的方法，光看上面的解释可能不懂什么意思，但是它后面说的实例化对象后端方法，你肯定用过，如then、catch等，通过以下代码打印一下他里面的方法。
【11】ES6：async/await
weixin_45559449的博客
12-28 1558
最后，foo 函数返回一个 resolved 状态的 Promise 对象，该对象的值为’完成’。async/await 是一种基于生成器函数（Generator）和 promise 的语法糖，通过在函数前面加上 async 关键字，将函数转换为返回 promise 对象的异步函数，并使用 await 关键字等待异步操作的结果。await 只能在 async 函数内部使用，它会暂停 async 函数的执行，等待 Promise 对象的状态改变，然后再继续执行 async 函数。
ES6 await
Dosth_Magic
07-15 929
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函数
吴声子夜歌的博客
10-17 594
async async 是 ES7 才有的与异步操作有关的关键字，和 Promise ， Generator 有很大关联的。 语法 async function name([param[, param[, ... param]]]) { statements } name: 函数名称。 param: 要传递给函数的参数的名称。 statements: 函数体语句。 返回值 async 函数返...
ES6 async 函数
qq_34927733的博客
11-01 483
async 函数 基本用法 async函数返回一个 Promise 对象，可以使用then方法添加回调函数。当函数执行的时候，一旦遇到await就会先返回，等到异步操作完成，再接着执行函数体内后面的语句。 async函数返回的 Promise 对象，必须等到内部所有await命令后面的 Promise 对象执行完，才会发生状态改变，除非遇到return语句或者抛出错误。也就是说，只有async...
ES6异步解决方案：Promise与async/await解析
Promise、async/await以及generator都是ES6为解决异步编程问题提供的强大工具，它们各自有其特点和适用场景，使得开发者能够更好地组织和管理异步代码，避免回调地狱，提高代码的可读性和可维护性。
ES6异步解决方案：Promise、async/await与generator解析
"ES6异步解决方案，包括Promise和async/await" 在JavaScript的世界里，异步编程是一项核心技能，尤其是在处理网络请求、文件读写等I/O操作时。ES6引入了新的特性，如Promise和async/await，为开发者提供了更优雅、...
ES6异步操作详解：Promise与async函数应用
Promise用于处理异步操作，而async/await则是Promise的语法糖，提供了更简洁的异步编程方式。" 在JavaScript的世界里，异步编程是必不可少的一部分，尤其是在处理I/O操作、网络请求或者定时任务时。ES6引入了...
ES6 Async/Await函数
idomyway的博客
12-11 775
前言     async-await是promise和generator的语法糖。只是为了让我们书写代码时更加流畅，当然也增强了代码的可读性。简单来说：async-await 是建立在 promise机制之上的，并不能取代其地位。 基本语法 let awaitPromise = new Promise((resolve,reject)=>{ … r...
async...await的用法
weixin_44090040的博客
11-25 712
前言 async用于申明function异步 await用于等待一个异步方法执行完成 一、async的用法 async函数返回一个 Promise 对象 //一个普通函数 function getData(){ return "Hello World"; } console.log(getData()) //Hello World //加上async后 async function getData(){ return "Hello World"; } console.log(get
ES6详解：async await
LAZYPET BLOG
05-11 282
1、回调函数解决无法访问异步函数中的值问题 这种回调函数的方法实际上适用于依赖异步处理程序的code 实际上是将回调函数也跟着异步了，所以能和异步操作同步 function getData(callback) { setTimeout(() => { var name = 'JOJO'; callback(name); return name; }, 2000) } function callback(name) { conso
ES6的Async/Await
qq_44849271的博客
02-27 769
Async/Await的作用 Async的意思是：异步 Await的意思是：等待 在ES6中，使用async/await的意思是：等待异步完成后再继续执行代码。JS中，执行代码先在主线程运行，遇到异步时，异步会去到消息队列，等到主线程运行完后才执行消息队列的异步任务。 Async/Await的使用 Async/Await的使用并不复杂。 async function a(){ await ···//异步代码 } 这就是async/await的使用。虽然使用很方便，但是有许多要注意的事项。 Async/A
ES6中 async 函数、await表达式 的基本用法
yzq0820的博客
07-20 1644
async是一个修饰符，async定义的函数会默认的返回一个Promise对象resolve（成功值）的值，因此对async函数可以直接进行then操作,返回的值即为then方法的传入函数。它也是一个修饰符，await关键字只能放在async函数内部，await关键字的作用就是获取Promise中返回的内容，获取的是Promise函数中resolve。1.await必须放在async函数中 2.await右侧的表达式一般为promise对象 3.await可以返回的是右侧promise成功的值 4.awai
ES6中async与await
weixin_51293134的博客
08-31 206
async函数是异步的一种方案，可以让异步的操作同步执行在函数前加上关键字async 表示该函数是一个async 函数async函数返回一个 Promise 对象，可以使用then方法添加回调函数当 async 函数没有返回值时，返回 Promise.resolve(undefined)
ES6之async和await
gxgalaxy
08-11 226
文章目录1.含义2.返回Promise对象3.await命令 1.含义 ES2017 标准引入了 async 函数，使得异步操作变得更加方便。async 函数就是 Generator 函数的语法糖。 Generator 函数就是一个封装的异步任务，或者说是异步任务的容器。异步操作需要暂停的地方，都用yield语句注明。 使用Generator函数实现文件读取 //封装成Promise对象 const fs = require('fs'); const readFile = function(fileN
es6的async和await
m0_46430338的博客
09-10 291
es6的async和await
ES6_async/await
weixin_44915595的博客
01-04 356
用 promise.then 也是相当复杂，虽然整个请求流程已经线性化了，但是代码里面包含了大量的 then 函数，使得代码依然不是太容易阅读。基于这个原因，ES7 引入了 async/await，这是 JavaScript 异步编程的一个重大改进，提供了在不阻塞主线程的情况下使用同步代码实现异步访问资源的能力，并且使得代码逻辑更加清晰。 await后面要跟一个promise实例对象 async函数=生成器函数+执行器函数 .........
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值