异步编程方案进化论：从回调到 Promise，再到 async/await

2024-02-08 17:31:36

异步编程简介

异步编程是一种编程范式，允许程序在等待耗时操作（如网络请求或文件读写）完成时继续执行。这可以提高程序的性能，因为它避免了长时间的等待，从而提高了程序的吞吐量。

回调函数

回调函数是一种在异步操作完成后被调用的函数。在 Node.js 中，回调函数通常作为最后一个参数传递给异步函数。例如，以下代码演示了如何使用回调函数来读取文件：

fs.readFile('./1.txt', (err, data) => {
  if (err) {
    console.error(err);
    return;
  }

  const path = data.toString();
  fs.readFile(path, (err, data) => {
    if (err) {
      console.error(err);
      return;
    }

    console.log(data.toString());
  });
});

Promise

Promise 是 JavaScript 中表示异步操作及其最终结果的对象。Promise 可以处于三种状态之一：

等待： 初始状态，异步操作尚未开始。
已完成： 异步操作已成功完成，并且结果可以通过 then() 方法获取。
已拒绝： 异步操作已失败，并且错误可以通过 catch() 方法获取。

以下代码演示了如何使用 Promise 来读取文件：

fs.readFile('./1.txt')
  .then((data) => {
    const path = data.toString();
    return fs.readFile(path);
  })
  .then((data) => {
    console.log(data.toString());
  })
  .catch((err) => {
    console.error(err);
  });

async/await

async/await 是 ES2017 引入的语法糖，它允许我们以同步的方式编写异步代码。async/await 语法需要配合 Promise 使用。以下代码演示了如何使用 async/await 来读取文件：

async function readFileAsync(path) {
  try {
    const data = await fs.readFile(path);
    console.log(data.toString());
  } catch (err) {
    console.error(err);
  }
}

readFileAsync('./1.txt');

方案比较

以下表格比较了回调函数、Promise 和 async/await 三种方案的优缺点：

方案	优点	缺点
回调函数	简单易用	代码难以阅读和维护，容易产生回调地狱
Promise	代码更易读和维护，避免了回调地狱	增加了代码的复杂性，需要理解 Promise 的概念
async/await	代码最易读和维护，使用最自然	仅支持 ES2017 及更高版本