Async/Await

Wed, 02 Oct 2024 00:00:00 +0800

async/await用法

其实你要实现一个东西之前，最好是先搞清楚这两样东西

这个东西有什么用？
这个东西是怎么用的？

有什么用？

async/await的用处就是：用同步方式，执行异步操作，怎么说呢？举个例子

比如我现在有一个需求：先请求完接口1，再去请求接口2，我们通常会这么做

function request(num) { // 模拟接口请求
 return new Promise(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/Await on Last Stand

Async/Await

async/await用法

有什么用？

是怎么用？