JavaScript异步编程：async、await的使用

原创

已于 2024-09-26 17:03:16 修改 · 1.2k 阅读

18 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

于 2024-09-26 17:00:53 首次发布

async 和 await 是在 ECMAScript 2017 (ES7) 中引入的特性，用于处理异步操作。它们允许你以一种更加简洁和同步的方式来编写异步代码。

async 函数表示它会返回一个 Promise，而 await 关键字用于等待一个 Promise 解决。

关于 promise 的详细介绍，请点击浏：《ECMAScript6语法：Promise》

1、使用 async 修饰符函数

async 是一个函数修饰符，用于声明一个函数是异步的。调用 async 函数时，该函数会立即返回一个 Promise 对象，即使函数体内部没有显式返回 Promise，JavaScript 也会自动将函数的结果封装成 Promise 对象。

语法格式：

//使用 async 关键字修饰函数，被修饰的函数，一定返回 Promise 对象
async function asyncFun() {
    return "pan_junbiao的博客";
}

//上述代码，相当于
async function asyncFun() {
    return new Promise((resolve, reject) => {
        resolve("pan_junbiao的博客");
    });
}

//打印函数结果：一个 Promise 对象
console.log(asyncFun());

//打印 Promise 对象的值：pan_junbiao的博客
asyncFun().then((result) => console.log(result));