async和await的使用

最新推荐文章于 2025-04-26 11:15:39 发布

少年博客

最新推荐文章于 2025-04-26 11:15:39 发布

阅读量1.9k

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_49725109/article/details/112723926

版权

本文介绍了JavaScript中async和await的使用，它们使得异步编程变得更加简洁。async函数会返回一个Promise，而await关键字用于等待Promise解析，避免了.then链的复杂性。示例代码展示了如何在getAllInfo函数中顺序获取info1和info2，每个info通过异步请求获取并在控制台打印。这种方式提高了代码可读性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

async/await
async用于申明一个function是异步的，它的返回值是一个promise对象。

await是等待一个异步方法执行完成，await必须搭配async一起使用，不能单独使用。

一般情况下，await是和async一起使用，这样杜绝了复杂的.then链，使代码更加简洁。
下面用代码具体讲解:

//声明一个async函数
async function getAllInfo(){
    let info1 = await getinfo1()
    console.log(info1)
    let info2 = await getinfo2(info1)
    console.log(info2)
}
getAllInfo()
function getinfo1(){
    return new Promise((resolve,reject)=>{
        setTimeout(()=>{
             resolve("get info1!!")            
        },1000)    
    })
    
}
function getinfo2(info1){
//模拟耗时请求
    return new Promise((resolve,reject)=>{
        setTimeout(()=>{
             resolve("get info2!!!")               
        },1000)    
    })    
}
结果是过一秒钟打印出get info1!!,
再过一秒钟打印出get info2!!!