几种处理JavaScript异步操作的办法( 二 ) _JavaScript

af.next()
}, 500)
}
function fn3 () {
console.log('Function 3')
}
function* asyncFunArr (...fn) {
fn[0]()
yield fn[1]()
fn[2]()
}
const af = asyncFunArr(fn1, fn2, fn3)
af.next()
// output =>
// Function 1
// Function 2
// Function 3
在这个例子中， generator函数asyncFunArr()接受一个待执行函数列表fn ，异步函数将会通过yield来执行。在异步函数内，通过af.next()激活generator函数的下一步操作。
这么粗略的看起来，其实和发布/订阅模式非常相似，都是通过在异步函数内部主动调用方法，告诉订阅者去执行下一步操作。但是这种方式还是不够优雅，比如说如果有多个异步函数，那么这个generator函数肯定得改写，而且在语义化的程度来说也有一点不太直观。
5. 优雅的async/await
使用最新版本的Node已经可以原生支持async/await写法了，通过各种pollyfill也能在旧的浏览器使用。那么为什么说async/await方法是最优雅的呢？且看代码：
function fn1 () {
console.log('Function 1')
}
function fn2 () {
return new Promise((resolve, reject) => {
setTimeout(() => {
console.log('Function 2')
resolve()
}, 500)
})
}
function fn3 () {
console.log('Function 3')
}
async function asyncFunArr () {
fn1()
await fn2()
fn3()
}
asyncFunArr()
// output =>
// Function 1
// Function 2
// Function 3
有没有发现，在定义异步函数fn2的时候，其内容和前文使用Promise的时候一模一样？再看执行函数asyncFunArr() ，其执行的方式和使用generator的时候也非常类似。
异步的操作都返回Promise ，需要顺序执行时只需要await相应的函数即可，这种方式在语义化方面非常友好，对于代码的维护也很简单——只需要返回Promise并await它就好，无需像generator那般需要自己去维护内部yield的执行。

【几种处理JavaScript异步操作的办法】

几种处理JavaScript异步操作的办法( 二 )

推荐阅读

山西省晋城市委秘书长王晋峰涉嫌严重违纪违法被查

「体坛吧咖」猛龙却还是强队！，若球队失去了核心会怎样？骑士秒变鱼腩球队

嫁祸|滴翠亭偷听事件，薛宝钗嫁祸黛玉，如果被黛玉知晓会有什么反应？

壹站新项目拟落户奉贤，助力3PL数字化运营转型

小米11没抢到？卢伟冰支招：小米之家准备了较多货源

天真童趣的诗词?写孩童调皮的古诗有哪些

忠告|忠告红豆不能与此物一起吃, 混着吃“会致命”, 别傻傻以为好

丹尼斯·尼尔逊|3集播完拿下8.7分，这部新剧创下新的收视纪录

为啥李冰冰总忍不住飙英语

华为Mate30华为Mate 40系列首发屏下摄像头！小米：下次安排

苏子的历史|他这么做对秦国而言，意义何在？，商鞅变法禁止父子兄弟同宅居住

让技术更有温度，华为联合伙伴发布Cloud for Good 行动倡议

智投期市|相信会给你很多启示，上，期货交易大师——斯坦利克罗的交易箴言

削骨手术过程是怎样的？

[德斯]82284.6欧元起售新款梅赛德斯-AMG E级开启预定

女性性生活越湿越短命吗?

#茜茜的菜谱#剁椒魔芋豆腐、嫩炒猪肝、五花肉焖干豆角这几道家常菜的做法

#周易专家指迷居士#指迷居士十二生肖2024年正月初一算命运气预测

郭德纲 |“德云社”成员集体换女装啥样？郭德纲辣眼睛，岳云鹏油腻，全场最佳还是他

世名科技|世名科技：实际控制人吕仕铭解除质押55万股