saync await执行原理

前言

async await之前，我们用Promise来解决异步地狱回调。原理在我之前的博客有说。ES7后，又出了async,await来解决回调，终极版。
为什么这么说，因为用法及其简单。
先看基本用法：

再看结果图

第二步是慢了一会再打印出来。
可以看到，执行BB函数的时候，同步的是直接执行，比如第一步，然后遇到await，那么await会影响其后面代码的执行，但不会影响外面同步的执行，所以可以看到，第一步后，是直接执行我是外面的，然后再执行await后面的，这里其实有个小坑，

（补充）

若是这样写，不用setTimeout的话，会先执行完await A()在执行外面的同步代码再执行awati后面的代码，如图

为什么呢，往后面看，因为await实际中是调用.then()当执行完毕后，在.then里面再执行await后面的代码。相当于把console.log(3)放到。then里面去了，变成微任务，所以才会先执行的外面的代码，具体可以往下看。

因为我没有写resolve或者reject改变Promise的状态，所以await下面的代码没执行了，await在等这个Promise执行完毕，可是Pormise的状态都是Pending，所以就停在那里了。此时修改一下代码，

可以看到可以正常运行了。
顺便提一下，也是我面试问到的，就是reject的时候拒绝的时候，是不会向下运行的

到第二部后面就停了，加上try catch后

不会报错，但是也不会向下运行了。

async原理

async其实=generator+自动执行器
generator生成器我想大家应该基本了解过，没了解的可以去菜鸟教程看看，不难。
我们先用generator实现我们的异步操作

吕下思路，正常等b.next()，后，会打印第一步，然后遇到yeild后面跟着异步函数，因为已经在这里停下来了，所以他会继续执行异步函数A的代码。会打印2，如图

但是不会打印最后一步，因为你没有继续next，我们可以看看next的结果
返回的value就是A返回的Promise,
那么，当我们继续next的时候呢


看得很清楚，他是先执行了最后一步，再执行promise里面的，为什么呢，因为你连续两个next其实也算是同步操作。执行完一个next后，会立马执行下一个next,而setTimeout被放进去任务队列所以会等同步执行完后再执行。解决方法:

因为第一个yield返回的是Promise所以我们可以调用then函数，当我们调用then得时候，就表示异步走完了，所以在走完后，我们再调用b.next()继续走，结果

可以看到，这样就解决异步了。但是这种想法太复杂了，还不如直接Promise呢，所以又有了自动执行器。
什么是自动执行器呢，就是，自动帮我们检测generator是否还可以继续遍历，可以的话处理then并且继续调用next，直到不能遍历。

利用递归，当我们得done还可以遍历时，就证明可以继续遍历，这里假设，yield后面跟着的都是Promise，那么就可以处理then然后继续递归。
看看效果

多了这些操作

运行结果一致，
这样其实就跟我们用async差不多了，await就是yield，当执行完yeild后面得PROMISE,或者await后面得PROMISE才会向下运行。

当然真实情况yield后面是有跟着别的东西得，所以这个办法只是让你理解async得使用