JavaScript - async 和 await 修饰符的基本使用方法

最好的人啊

已于 2022-07-20 14:02:58 修改

阅读量593

点赞数 3

分类专栏： ES6基础文章标签： javascript 前端开发语言

于 2022-07-20 14:02:10 首次发布

本文链接：https://blog.csdn.net/qq_52499703/article/details/125889141

版权

本文详细介绍了JavaScript中async和await的使用方法。首先定义了async关键字，指出其定义的函数会返回Promise对象，并可以直接进行then操作。接着讨论了await的使用场景，强调它需要在async函数内部使用，用于等待Promise的结果。文章还通过实例说明了在await后的Promise成功或失败时如何处理，并展示了如何使用async和await封装Ajax请求。

摘要由CSDN通过智能技术生成

三，用 async await 封装Ajax

一，async

1，定义：

async 是一个修饰符
async 定义的函数会默认的返回一个Promise对象resolve的值，
async函数可以直接进行then操作,返回的值即为then方法的传入函数。

        async function fn() {
            
            return new Promise((resolve, reject) => {
                resolve('成功的数据');
            });
        }
        const result = fn();
        result.then(
            value => {
                console.log(value)  //成功的数据
            }, reason => {
                console.log(reason) //失败的数据
            })



//1.如果返回的是一个非Promise的对象，则fn（）返回的结果就是成功状态的Promise对象，值为返回值
//2.如果返回的是一个Promise对象，则fn（）返回