ES7之async/await

最新推荐文章于 2024-04-02 22:06:40 发布

原创最新推荐文章于 2024-04-02 22:06:40 发布 · 307 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了async/await这种新的编写异步代码的方式，它是基于Promise实现的，使得代码更为简洁。文章通过具体示例对比了async/await与传统Promise的使用方法。

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

async/await是写异步代码的新方式，基于Promise实现的，在语法上更加简洁。

Async/Await基本规则

async 表示这是一个async函数，await只能用在这个函数里面。
await 表示在这里等待promise返回结果了，再继续执行。
await 后面跟着的应该是一个promise对象（当然其他返回值也可以，只不过会立即执行，就没有意义了）

例子

let syncPrint = async (text)=>{
    await setTimeout(()=>{
        console.log(`Hello ${text}`);
    },1000);
}

syncPrint('Js')
syncPrint('ES7')
console.log('============================')

与promise相比代码简洁了

//promise
let promise = (text)=>{
    return new Promise((resolve)=>{
        resolve(`------------- ${text}`)
    });
}
promise("python").then(result=> {
    console.log(`============= ${result}`);
});

//async/await
let async = async (text)=>{
    let result = await `------------- ${text}`;
    await console.log(`============= ${result}`)
}
async('c++');