js中async和await的基本使用

async和await是在es7中的内容，不过现在主流浏览器都支持，今天我们就来说说怎么用。

首先你得先了解：es6中的promise,链接：JS中promise的基础用法

async和await是用来处理异步操作的，把异步变为同步的一种方法。

async声明一个function来表示这个异步函数，await用于等待函数中某个异步操作执行完成。

async返回的是一个promise对象，返回值可在promise中的then方法中的第一个回调函数中使用。

await只能用于async的内部，await用于在一个异步操作之前，表示要等待这个异步操作的返回值。

如果await得到不是一个promise对象，那么就不会等待这个异步操作。

如果是一个promise对象，await就会等待promise对象的resolve，得到传入resolve的参数，作为返回值。

依次输出：1，20。

在attract函数中就使用await对象，它会等待edition函数执行完毕，在执行此函数下面的代码，变为同步了。

如果在edition函数或者attract函数中报错了，都将会直接进入then方法的第二个回调函数。

在edition函数中可以直接调用reject进行错误输出，在attract函数则必须是主动抛出代码错误才可以。

注意：当使用了await时，只会阻塞async函数中的代码，外部代码依旧是异步在执行的。

例子：

程序第一肯定会输出1，然后进入attract函数内部，接着输出2，然后看见了await，等待edition函数的返回值，此时在attract函数中的代码是被阻塞的，但是外部不会被阻塞，所以就接着输出3。

然后两秒后，输出edition函数返回的4，最后回到attract函数then方法的第一个回调函数，输出了5。

结果：

                             如无作者授权，请勿转载。