这篇文章详细讲解了JavaScript中的异步函数。 JavaScript中的异步代码在很短的时间内从回调发展为Promise，再到ES2017的异步函数，现在我们可以像编写同步代码那样编写基于 Promise 的代码，而且还不会阻塞主线程。

为什么需要async/await？

当promise在ES2015中引入时，目的是解决异步代码的问题，但是promise不是最终的解决方案。

虽然Promise解决了著名的回调地狱，但是它自己引入了语法复杂性。

所以ES2017增加了异步函数，提高了代码可读性，对不太熟悉 Promise 的人而言，帮助就更大了。

async/await使代码看起来像是同步的，但它在后台是异步和非阻塞的。

工作原理

异步函数返回一个promise，如下例所示：

调用一个异步函数时，您先要设置一个await，当您 await 某个 Promise 时，函数暂停执行，直至该 Promise 产生结果，并且暂停并不会阻塞主线程。 如果 Promise 执行，则会返回值。 如果 Promise 拒绝，则会抛出拒绝的值。因为异步函数去掉了所有回调。提高了代码的可读性，这是一个例子：

一个简单的例子

这是异步函数async / await的简单示例：

上面代码执行结果如下：

Promise详解

将async关键字添加到任何函数意味着该函数将返回一个promise。即使它没有声明，它也会在内部使它返回一个promise。

这就是此代码有效的原因：

它和以下一样：

代码更易读

正如上面示例所见，与回调和promise代码相比，异步函数代码看起来非常简单。

我们下面用更复杂一点的代码来演示。

例如，以下是使用promises获取JSON资源并解析它的方法：

以下是使用await / async提供的相同功能：

链接多个异步函数

异步函数可以非常容易地链接，并且语法比简单的promise更具可读性：

将打印：

调试更简单

调试promise很难，因为调试器不会debug异步代码。

Async / await使得这非常简单，因为编译器就像同步代码一样。