在vue中发现一个问题，如果在mounted中同时要调用两个接口，分别是接口a和接口b，但是接口b需要用到接口a的数据,假设这个数据为id。如果按平常方式写就会出现向接口b发送请求的时候，id为空。这就是因为两个接口都是异步请求，我们需要把他们编程同步的。

Promise

Promise 对象用于表示一个异步操作的最终完成 (或失败)及其结果值。
这样使得异步方法可以像同步方法那样返回值：异步方法并不会立即返回最终的值，而是会返回一个 promise，以便在未来某个时候把值交给使用者。

一个 Promise 必然处于以下几种状态之一：

• 待定（pending）: 初始状态，既没有被兑现，也没有被拒绝。
• 已兑现（fulfilled）: 意味着操作成功完成。
• 已拒绝（rejected）: 意味着操作失败。

async和await

async和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为。

❗️async函数可能包含0个或者多个await表达式。await表达式会暂停整个async函数的执行进程并出让其控制权，只有当其等待的基于promise的异步操作被兑现或被拒绝之后才会恢复进程。promise的解决值会被当作该await表达式的返回值。使用async / await关键字就可以在异步代码中使用普通的try / catch代码块。

function settime1(){
    console.log("我在return外面")
    return new Promise(resolve=>{
        setTimeout(function(){
            console.log("正在进行中...")
            resolve('resolved');
        },5000)
    })
   
}
function add(){
    let a = 1
    let b = 1
    // console.log(a+b)
    return a+b
}
async function result(){
   const r1 = await settime1() // await通过promise暂停了线程，等待运行完毕
   console.log(r1)
   const r2 = add()
   console.log(r2)
   
}

result()

总结

在我们平常写接口的时候，最好还是用async/await 配合promise进行封装，不然就会导致一开始提出的问题。