async-await和Promise的关系

最新推荐文章于 2025-01-06 13:54:29 发布

每天都在掉头发

最新推荐文章于 2025-01-06 13:54:29 发布

阅读量218

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/ABCFF12333/article/details/118678961

javascript 专栏收录该内容

33 篇文章

订阅专栏

本文详细解析了async函数与await关键字的工作原理。async函数返回Promise对象，即使内部返回普通值也会被Promise封装。await用于等待Promise解决，其效果等同于Promise的then方法。当遇到Promise的reject状态时，可以使用try...catch捕获错误，相当于执行Promise的catch方法。async/await语法使得异步代码更易读和调试，避免了复杂的Promise链式调用。

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

1.执行async函数，返回的是Promise对象，即使返回的是普通数据类型也会被Promise重新封装

2.执行await获得的结果其实相当于执行Promise的then方法

3.利用try...catch实际相当于执行Promise的catch方法

async function fn1() {
    return 100//相当于return Promise.resolve(100)
}

!(async function () {
    const p1 = Promise.resolve(300)
    const data = await p1 //相当于Promise then	
    console.log('data', data)
})()

!(async function () {
    const p4 = Promise.reject('err1')//rejected状态
    try{
        const res =await p4
    } catch (ex) {
        console.error(ex)
    }
})()

async 函数，是 Generator 函数的语法糖

async函数的优点

1.使用async结构更加清晰，Promise中的then方法链式调用结构很复杂

2.使用async便于调试，使用Promise是无法进行断点操作