JS async & await

最新推荐文章于 2024-08-16 11:35:39 发布
最新推荐文章于 2024-08-16 11:35:39 发布
阅读量368 收藏
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42257250/article/details/107810175
版权

最近在维护一个前端项目，没错，NodeJS写的。嗯，那么问题来了，作为后端攻城狮，该如何自处？

WHAT

async：先说一下async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思， 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。

await：我们再来考虑await 关键字，await是等待的意思，那么它等待什么呢，它后面跟着什么呢？其实它后面可以放任何表达式，不过我们更多的是放一个返回promise 对象的表达式。注意await 关键字只能放到async 函数里面

WHY

await后面接一个会return new promise的函数并执行它
await只能放在async函数里

HOW

把await和成功后的操作放到try里，失败的放在catch

为什么要用await
为了使我们的异步代码，更像同步的代码

有多个promise，怎么拿到所有的promise都结束后的结果
比如有两个色子，我想得到这两个色子的点数

Reference（墙裂推荐）

https://segmentfault.com/a/1190000007535316
https://www.cnblogs.com/yuanyingke/p/10280681.html
https://www.jianshu.com/p/b4fd76c61dc9

小肥马
关注
专栏目录
JS中的异步async-await（秒懂异步编程模式）
百赢出品，必属精品
04-09 1942
异步编程是一种编程模式，用于处理程序中需要长时间等待的操作，比如网络请求、文件读写、定时器等。在传统的同步编程模式下，程序会按照顺序一步步执行，如果遇到需要耗时的操作，程序会阻塞等待操作完成，直到操作完成后才能继续执行后续代码。异步编程模式是一种用于处理异步操作的编程范例，其核心目标是提高程序的效率和性能，同时保持代码简洁易读。回调函数最基本的异步编程模式，通过将函数作为参数传递给异步操作，在操作完成时调用该函数。容易导致回调地狱（Callback Hell），难以维护和理解，因为嵌套层级很深。
JS 中的 async / await
ioioao的博客
03-13 428
JS 中的 async / await 1、async / await 是什么 可以说是 ES6 中 Generator 函数的语法糖，async 是异步的意思 ， await 是等待的意思 ，连起来就是等待一个异步函数，规定 await 只能出现在 async 函数中 2、async / await 的作用 我们先看如果在一个 async 函数中直接用 return 返回值， 看能得到什么 async function testAsync() { return "hello async" ; } con
js中的async/await
曹定栓的博客
09-21 3370
js中的async/await
js中的promise、async/await 用法，详解async、await 语法糖，js中的宏任务和微任务（保姆级教程二）
最新发布
zhangfuping123456789的博客
08-16 2394
js、promise、await、async
JS async await
我本可以
12-09 557
async函数是使用async关键字声明的函数。 async函数是AsyncFunction构造函数的实例，函数内允许使用await关键字。async和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为，而无需刻意地链式调用promise。 <font color=afb4db>Async 函数是 Generator 函数的语法糖。<font color=abc88b>async函数就是将 Generator 函数的星号（*）替换成async，将`yield`替换成`awai
js里的async/await
qq_43733682的博客
09-18 361
async/await
js代码-async&await
07-16
总的来说，`async/await`是JavaScript异步编程的一种优雅方式，它通过Promise和生成器提供了更直观、更易于理解和调试的代码结构。在实际项目中，尤其是处理网络请求、文件操作或者定时任务时，`async/await`是首选...
理解Koa2中的async&await的用法
08-28
_async_和_await_是JavaScript中两种非常重要的异步编程关键字，它们可以帮助开发者更好地管理异步操作。 在Koa2中，async/await是用来处理异步操作的，async函数返回的是一个Promise对象，而await关键字则是用来...
javaScript浅谈----async&&await
小王的技术库
01-06 508
是 ES7 的标准，Promise是 ES6 标准，这套 API 也是用来帮助我们写异步代码的，它是构建在Promise之上的。为大家准备了一个前端资料包。包含54本，2.57G的前端相关电子书，《前端面试宝典（附答案和解析）》，难点、重点知识视频教程（全套）。
JavaScript async / await详解
Niall_Tonshall的博客
01-24 1536
本文是笔者阅读MDN：async和await:让异步编程更简单和阮一峰老师的博客之后的学习笔记，如有疑问，欢迎讨论 async functions 和 await 关键字是最近添加到JavaScript语言里面的。它们是ECMAScript 2017 JavaScript版的一部分（参见ECMAScript Next support in Mozilla）。简单来说，它们是基于promises的语法糖，使异步代码更易于编写和阅读。通过使用它们，异步代码看起来更像是老式同步代码，因此它们非常值得学习。 如.
JS中的 async 和 await
webchang的博客
02-07 1454
JS中的 async 和 await 函数讲解
JS 中的 async 和 await
On the way
08-10 220
在 ECMAScript 2017 中添加了 async 函数和 await 关键字， function hellworld() { return "您好！美好世界！"; } console.log(hellworld()); // 您好！美好世界！ async function asyHellworld() { return “您好！美好世界！”; } console.log(asyHellworld()); // Promise { ‘您好！美好世界！’ } 普通函数 hellworld 将简
js【详解】async await
朝阳39的博客
03-09 586
async await 实现了使用同步的语法实现异步，不再需要借助回调函数，让代码更加易于理解和维护。
js async await 终极异步解决方案
li123128的博客
09-16 1264
回顾 Promise async await 字面理解 async、await 如何执行 await 操作符意义 总结 既然有了promise 为什么还要有async await ？ 当然是promise 也不是完美的异步解决方案，而 async await 的写法看起来更加简单且容易理解。 回到目录 回顾 Promise Promise 对象用于表示一个异步操作的最终状态（完成或失败），以及其...
JS之async与await（队列）
weixin_47409897的博客
09-13 843
一、async与await 1：async函数 async用来定义一个异步函数，这个函数的返回值为Promise对象 函数的结果由async函数执行后的返回值决定 2：await表达式 await表达式，右侧一般为promise对象，但是也可以为其他值 假如为Promise对象的时候，其值为Promise的成功或失败的结果 假如为其他值的时候，那么其值为该表达式的结果 注意点： 01：await表达式需要放在async函数里面，但是async函数里面可以不含await表达式 02：如果await的P
js异步函数(async/await)
涛涛子的博客
07-20 3611
1.概念 异步函数也称为“asynac/await”(语法关键字)，是ES6期约模式在ECMAScript函数中的应用。async/await是ES8新增的。这个特性让以同步方式写的代码能够异步执行。 2.async async关键字用于声明异步函数。这个关键字可以用在函数声明、函数表达式、箭头函数和方法上。 async function foo(){}; let bar=async function(){}; let baz=async ()=>{}; class Qux{ asy
JS高级——await-async
zep
03-12 7023
一、异步函数 async function async关键字用于声明一个异步函数： async是asynchronous单词的缩写，异步、非同步； sync是synchronous单词的缩写，同步、同时； async异步函数可以有很多中写法： 二、异步函数的执行流程 异步函数的内部代码执行过程和普通的函数是一致的，默认情况下也是会被同步执行。 异步函数有返回值时，和普通函数会有区别： 情况一：异步函数也可以有返回值，但是异步函数的返回值会被包裹到Promise.resolve中； 情况二：
JavaScript中异步函数async、await
m0_71485750的博客
06-29 1782
async关键字用于声明一个异步函数：async异步函数和普通函数一样可以有很多中写法： 异步函数返回值 异步函数的内部代码执行过程和普通的函数是一致的，默认情况下也是会被同步执行。异步函数有返回值时，和普通函数会有区别(异步函数返回的是一个Promise)：情况一：异步函数有普通的返回值时，异步函数的返回值相当于被包裹到Promise.resolve中； 情况二：如果我们的异步函数的返回值是Promise，状态由会由Promise决定； 情况三：如果我们的异步函数的返回值是一个对象并且实现了the
掌握JavaScript async/await：异步编程新范式
深入理解JavaScript的async/await是现代JavaScript开发中的一个重要主题，它提供了一种更直观、简洁的方式来编写异步代码。在这个知识点中，我们首先从概念层面来解析"async"和"await"两个关键字。 "async"用于声明...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值