1 分钟读完《10 分钟学会 JavaScript 的 Async/Await》
1 分钟读完 JavaScript Async/Await Explained in 10 Minutes
以前我们使用 callback。
后来我们使用 Promise。
现在我们使用 Async/Await。
1、什么是 Async/Await?
Async - 定义异步函数(async function someName(){...}
)
- 自动把函数转换为 Promise
- 当调用异步函数时,函数返回值会被 resolve 处理
- 异步函数内部可以使用
await
Await - 暂停异步函数的执行 (var result = await someAsyncCall();
)
- 当使用在 Promise 前面时,
await
等待 Promise 完成,并返回 Promise 的结果 await
只能和 Promise 一起使用,不能和 callback 一起使用await
只能用在async
函数中
2、Async/Await 是否会取代 Promise
不会。
- Async/Await 底层依然使用了 Promise。
- 多个异步函数同时执行时,需要借助
Promise.all
async function getABC() { let A = await getValueA(); // getValueA 花费 2 秒 let B = await getValueB(); // getValueA 花费 4 秒 let C = await getValueC(); // getValueA 花费 3 秒 return A*B*C;}
每次遇到 await
关键字时,Promise 都会停下在,一直到运行结束,所以总共花费是 2+4+3 = 9 秒。await
把异步变成了同步。
async function getABC() { // Promise.all() 允许同时执行所有的异步函数 let results = await Promise.all([ getValueA, getValueB, getValueC ]); return results.reduce((total,value) => total * value);}
函数总耗时为 4 秒(getValueB
的耗时)。
3、Async/Await 的错误处理
在 Async/Await 语法中,我们可以使用 try/catch 进行错误处理。在 Promise 中的 .catch()
分支会进入 catch
语句。
阅读原文:JavaScript Async/Await Explained in 10 Minutes
讨论地址:10 分钟学会 JavaScript 的 Async/Await
如果你想参与讨论,请点击这里
相关内容
-
excel怎么用乘法函数
excel怎么用乘法函数,乘法,函数,哪个,excel乘法函数怎么用?1、...
-
excel中乘法函数是什么?
excel中乘法函数是什么?,乘法,函数,什么,打开表格,在C1单元格中...
-
标准差excel用什么函数?
标准差excel用什么函数?,函数,标准,什么,在数据单元格的下方输...
-
电脑函数不正确|电脑出现函数不正确
电脑函数不正确|电脑出现函数不正确,,1. 电脑出现函数不正确故...
-
excel函数公式快捷键|excel公式的快捷键
excel函数公式快捷键|excel公式的快捷键,,1. excel公式的快捷...
-
使用函数的快捷键固定|函数公式锁定快捷键
使用函数的快捷键固定|函数公式锁定快捷键,,1. 函数公式锁定快...
-
excel常用函数都有哪些?
excel常用函数都有哪些?,函数,哪些,常用,1、SUM函数:SUM函数的作...
-
1分钟学会在C++中将图像转换为Word文档,快速入手
1分钟学会在C++中将图像转换为Word文档,快速入手光学字符处理...
-
蓝牙耳机能在电脑上用吗|电脑可以使用蓝牙耳机
蓝牙耳机能在电脑上用吗|电脑可以使用蓝牙耳机吗?,,1. 电脑可...
-
怎样在电脑上操作酷跑|如何学会酷跑
怎样在电脑上操作酷跑|如何学会酷跑,,如何学会酷跑怎么说呢?有...
-
怎样学习电脑|怎样才能快速学会电脑打字
怎样学习电脑|怎样才能快速学会电脑打字,怎样学习电脑,“哦,天...
-
学会设置幻灯片的切换效果教学过程|幻灯片的切
学会设置幻灯片的切换效果教学过程|幻灯片的切换效果怎么设,,1...
-
金蝶利润表本累计金额函数|金蝶K3利润表中本年
金蝶利润表本累计金额函数|金蝶K3利润表中本年累计数公式怎...
-
2020年win7停止了吗2020年win7停止更新可以使用
2020年win7停止了吗2020年win7停止更新可以使用,可以使用,停...
-
怎样在电脑上做函数图像|怎样在电脑上做函数图
怎样在电脑上做函数图像|怎样在电脑上做函数图像表格,,怎样在...