async js 返回值_聊一聊JavaScript 的 async/await

前言：

---

这两天在基于G6开发流程图的过程中，遇到这样一个问题——如何实现多个流程图共同打开又互不干扰的效果。采用的是element-UI的tabs组件，在每个tab页进行流程图的动态渲染。

需求很常规，但在实际开发的过程中，由于数据的复杂，涉及了很多js异步调用的操作，折腾了一阵，重新学习了一下Js的async/await,在这里分享给大家。

async与await：

---

• async

async关键字声明异步函数，返回值是promise对象，如果async关键字函数返回的不是promise，会自动用Promise.resolve()包装。

• await 

await操作符用于等待一个Promise 对象。它只能在异步函数 async function 中使用。

await表达式会暂停当前async function的执行，等待Promise处理完成。若Promise正常处理(fulfilled)，其回调的resolve函数参数作为await表达式的值，继续执行async function。若Promise处理异常(rejected)，await表达式会把P