async 和 await - 复习

最新推荐文章于 2024-06-12 16:28:44 发布

是小松呀

最新推荐文章于 2024-06-12 16:28:44 发布

阅读量77

点赞数

分类专栏：个人学习

本文链接：https://blog.csdn.net/qq_43266137/article/details/115406589

版权

个人学习专栏收录该内容

72 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript ES2016引入的async和await关键字，它们简化了Promise的使用。async标识符用于定义返回Promise的函数，而await则用于在async函数内部等待Promise解析并获取其结果。通过示例展示了如何使用这两个关键字进行异步操作，使得代码更易于理解和维护。

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

async 和 await

async 和 await 是 ES2016 新增两个关键字，它们借鉴了 ES2015 中生成器在实际开发中的应用，目的是简化 Promise api 的使用，并非是替代 Promise。

async

目的是简化在函数的返回值中对Promise的创建

async 用于修饰函数（无论是函数字面量还是函数表达式），放置在函数最开始的位置，被修饰函数的返回结果一定是 Promise 对象。

async function test(){
    console.log(1);
    return 2;
}

//等效于

function test(){
    return new Promise((resolve, reject)=>{
        console.log(1);
        resolve(2);
    })
}

await

await关键字必须出现在async函数中！！！！

await用在某个表达式之前，如果表达式是一个Promise，则得到的是thenable中的状态数据。

async function test1(){
    console.log(1);
    return 2;
}

async function test2(){
    const result = await test1();
    console.log(result);
}

test2();

等效于

function test1(){
    return new Promise((resolve, reject)=>{
        console.log(1);
        resolve(2);
    })
}

function test2(){
    return new Promise((resolve, reject)=>{
        test1().then(data => {
            const result = data;
            console.log(result);
            resolve();
        })
    })
}

test2();