异步调用，async await基本示例及项目中运用

原创已于 2022-05-31 11:07:43 修改 · 411 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

于 2022-05-31 11:07:07 首次发布

javascript 专栏收录该内容

12 篇文章

订阅专栏

本文深入探讨了JavaScript中的异步编程概念，重点介绍了async函数和await关键字的使用。通过示例代码，解释了如何通过async/await实现更简洁、易读的异步控制流，以及它们如何改变回调函数和Promise的执行顺序。了解这些概念对于提升JavaScript应用的性能和可维护性至关重要。

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

示例：

async function asyncCall(){
    let a = await interfaceFn();
    console.log('这里是同步');
}

function interfaceFn(){
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log('这里是异步')
            resolve()
        }, 1000)
    })
}

asyncCall()

// 如果没有async、await影响，打印的顺序应该是先打印出“这里是同步”，再打印出“这里是异步”；因为async、await影响，实际打印顺序是“这里是异步”，“这里是同步”

项目中的运用：