江苏龙网

  1. 首页 > 人文 > >

|js中async和await的基本使用


|js中async和await的基本使用
文章图片
|js中async和await的基本使用
文章图片
async和await是在es7中的内容 ， 不过现在主流浏览器都支持 ， 今天我们就来说说怎么用 。
首先你得先了解：es6中的promise请自行了解 ， 此篇文章不谈 。
async和await是用来处理异步操作的 ， 把异步变为同步的一种方法 。
async声明一个function来表示这个异步函数 ， await用于等待函数中某个异步操作执行完成 。

async返回的是一个promise对象 ， 返回值可在promise中的then方法中的第一个回调函数中使用 。
await只能用于async的内部 ， await用于在一个异步操作之前 ， 表示要等待这个异步操作的返回值 。
如果await得到不是一个promise对象 ， 那么就不会等待这个异步操作 。
如果是一个promise对象 ， await就会等待promise对象的resolve ， 得到传入resolve的参数 ， 作为返回值 。


依次输出：1 ， 20 。
【|js中async和await的基本使用】在attract函数中就使用await对象 ， 它会等待edition函数执行完毕 ， 在执行此函数下面的代码 ， 变为同步了 。
如果在edition函数或者attract函数中报错了 ， 都将会直接进入then方法的第二个回调函数 。
在edition函数中可以直接调用reject进行错误输出 ， 在attract函数则必须是主动抛出代码错误才可以 。
注意：当使用了await时 ， 只会阻塞async函数中的代码 ， 外部代码依旧是异步在执行的 。
例子：

程序第一肯定会输出1 ， 然后进入attract函数内部 ， 接着输出2 ， 然后看见了await ， 等待edition函数的返回值 ， 此时在attract函数中的代码是被阻塞的 ， 但是外部不会被阻塞 ， 所以就接着输出3 。
然后两秒后 ， 输出edition函数返回的4 ， 最后回到attract函数then方法的第一个回调函数 ， 输出了5 。
结果：


    推荐阅读


    上一篇：Python|饿了么“卷土重来”

    下一篇：腾讯|为啥微信拥有10亿用户却不收费？原来是靠这些挣钱，看完令人感叹