async 与 await 浅析

我们首先来明确 async 和await 是干什么的 这俩又分别扮演者什么角色
**async ** 字面意思是异步 awat是 async wait 的简写
async 申明一个函数为异步的意思
await 等待async执行完成返回结果 也就是异步等待的意思
既然我们已经知道了 async 是一个让函数成为异步 那么await 是在等待async 执行完成 那么await 是在等待什么 又为什么等待 看下图

dd 函数 通过async 申明成了异步函数 在created里 直接来调用 返回了一个Promise 对象 既然已经成为promise了 那我们就可以正常地通过.then() 拿到结果 如下图

但是 我们并不要这样做 这时候 await 的意义就直观的体现出来了 await 在等待什么呢 等待这个promise 等到promise后就开始阻塞后面地代码 开时得到promise中成功resolve状态地值 这时候
await 地任务就算完成 看下图
图中 我们在testAsync 中 通过 awit 等待 dd 函数 赋给了v1 最后输出结果是 您好 async 至于我为什么又写了一个异步函数 testAsync 在里面写 await 呢 这是因为 await 必须卸载 async里 在这里我就不过多阐述了 有兴趣地可以去自行查看 最后呢 我对这一块理解地也不是特别好 欢迎指出错误 es6中在这一块讲的也特变明白 码友们可以自行去瞅瞅