javascript promise原理（JavaScript中AsyncAwait和Promise的区别）

前言

从Node 8 LTS开始，Node完全支持Async/Await。下面通过简单示例的方式来讲讲Async/Await和Promise的区别。

JavaScript中Async/Await和Promise的区别

简单介绍下Async/Await:

1. Async/Await是一种新的编写异步代码的方式。其他方式是回调或者Promise。
2. Async/Await实质是构建在Promise之上，它不能用于纯的回调或者Node.js的回调中。
3. 和Promise一样，Async/Await是非阻塞的
4. Async/Await很大的特点是，它可以让异步代码看起来就像同步代码那样，大大提高了异步代码的可读性。

语法

假设函数getJSON()返回一个Promise，基于Promise的调用示例如下：

JavaScript中Async/Await和Promise的区别

getJSON()返回Promise后，在then()函数里输出结果，并返回done。

使用Async/Await改写如下：

JavaScript中Async/Await和Promise的区别

1. 在函数前使用关键词async来标记这是一个异步函数，它隐含着表示函数会返回一个Promise，当函数返回值时就表示Promise被处理（resolve）了。
2. await关键字只能用在async标记的函数内，换句话说它是不能用在代码的最顶层。await的意思是等待getJSON()返回的Promise被处理了才会执行。

与Promise对比简洁干净

与Promise需要使用then()函数来处理Promise返回的结果，而async/await则直接在代码按顺序上处理结果，代码量减少的同时，显得更简洁。

错误处理

async/await让我们可以同时捕获异步和同步代码抛出的异常。Promise如果在then()函数里出现异常，在Promise的外面的try/catch是捕获不到，这种情况我们需要使用Promise的catch()函数。如：

JavaScript中Async/Await和Promise的区别

async/await异步代码和同步代码共用try/catch

JavaScript中Async/Await和Promise的区别

条件语句

有一种情况是我们会对返回的Promise数据做判断，如果符合某种条件则需要发起另外一个异步请求。使用Promise示例如下：

JavaScript中Async/Await和Promise的区别

这种嵌套的Promise读起来很容易迷糊。

async/await改写如下：

JavaScript中Async/Await和Promise的区别

看起来像同步代码，大大增强了异步代码的可读性。

中间值

有一种情况是需要通过多个嵌套的请求，其中前面的请求返回的是一个中间值，后面的请求需要使用中间值来发起请求。使用Promise如下：

JavaScript中Async/Await和Promise的区别

async/await改写就很简单：

JavaScript中Async/Await和Promise的区别

另外，Async/Await也很方便我们调试代码。

公告

喜欢小编记得点击关注，了解更多资源哦！

,