async/await地狱该如何避免详解-创新互联

前言

async/await是什么

async/await可以说是co模块和生成器函数的语法糖。用更加清晰的语义解决js异步代码。

熟悉co模块的同学应该都知道，co模块是TJ大神写的一个使用生成器函数来解决异步流程的模块，可以看做是生成器函数的执行器。而async/await则是对co模块的升级，内置生成器函数的执行器，不再依赖co模块。同时，async返回的是Promise。

从上面来看，不管是co模块还是async/await，都是将Promise作为最基础的单元，对Promise不很了解的同学可以先深入了解一下Promise。

async/await 写着很爽，不过要注意这些问题。

async/await 让我们摆脱了回调地狱，但是这又引入了 async/await 地狱的问题。

什么是 async/await 地狱

在 Javascript 中进行异步编程的时候，人们总是使用很多 await 语句，很多时候我们的语句并不需要依赖于之前的语句，这样就会导致性能问题。

async/await 地狱的例子

我们试着写一个购买披萨和饮料的程序：

(async () => {
 const pizzaData = await getPizzaData() // async call
 const drinkData = await getDrinkData() // async call
 const chosenPizza = choosePizza() // sync call
 const chosenDrink = chooseDrink() // sync call
 await addPizzaToCart(chosenPizza) // async call
 await addDrinkToCart(chosenDrink) // async call
 orderItems() // async call
})()