async/await的用处就是:用同步方式,执行异步操作,怎么说呢?举个例子
比如我现在有一个需求:先请求完接口1,再去请求接口2,我们通常会这么做
function request(num) {
// 模拟接口请求
return newPromise(resolve => {
setTimeout(() => { resolve(num * 2) }, 1000) }) }
request(1).then(res1 => { console.log(res1) // 1秒后 输出 2
request(2).then(res2 => { console.log(res2) // 2秒后 输出 4
})
})
我现在又有一个需求:先请求完接口1,再拿接口1返回的数据,去当做接口2的请求参数,那我们也可以这么做
request(5).then(res1 => {
console.log(res1) // 1秒后 输出 10
request(res1).then(res2 => { console.log(res2) // 2秒后 输出 20
})
})

其实这么做是没问题的,但是如果嵌套的多了,不免有点不雅观,这个时候就可以用async/await来解决了

async function fn () {
const res1 = await request(5)
const res2 = await request(res1)
console.log(res2) // 2秒后输出 20
}
fn()

是怎么用?

还是用刚刚的例子
async function fn () {
await request(1)
await request(2) // 2秒后执行完
}
fn()
async function fn () {
const res1 = await request(5)
const res2 = await request(res1)
console.log(res2) // 2秒后输出 20
}
fn();