JS async/await 的理解和用法

1.async
async是一个加在函数前的修饰符,被async定义的函数会默认返回一个Promise对象resolve的值。因此对async函数可以直接then,返回值就是then方法传入的函数。

2.await
await 也是一个修饰符,只能放在async定义的函数内。可以理解为等待。


async一般用在获取res修饰,await一般给变量;此处操作比如前端根据url去获取接口返回值然后在数组中进行遍历进行不同的操作,这里可能需要让每一个子项去各自把自己要做的操作做完再去让下一个子项执行它的操作,分别执行中某个值没有了达不成想要的效果场景。

// 定义一个异步函数,3秒后才能获取到值(类似操作数据库)
function getXX(){
    return new Promise((resolve,reject)=>{
        setTimeout(()=>{
            resolve('获取成功!!')
        },3000)
    })
}

async function test(){
    let aa = await getXX();
    console.log(aa)
}
test(); // 3秒后输出:获取成功


posted @ 2023-05-13 23:34  chillymint  阅读(494)  评论(0)    收藏  举报