异步编程的演变历程：从回调到Promise再到Async/Await

2023-10-03 19:59:45







## 异步编程的由来

在计算机科学中，异步编程是一种编程范式，它允许一个程序在等待某个事件发生时继续执行。这在处理输入/输出操作时非常有用，因为这些操作通常需要花费大量时间。在异步编程中，程序可以启动一个异步操作，然后继续执行其他任务，而无需等待异步操作完成。当异步操作完成时，程序将被通知，并可以对结果采取相应的操作。

## 早期的异步编程：回调函数

在JavaScript中，最早的异步编程技术是回调函数。回调函数是一种函数，它将在另一个函数完成时被调用。这使得开发人员能够将一个函数作为参数传递给另一个函数，并指定当该函数完成时应调用哪个函数。

```javascript
function readFile(filename, callback) {
  // 异步读取文件
  fs.readFile(filename, function(err, data) {
    // 当文件读取完成后调用回调函数
    callback(err, data);
  });
}

readFile('file.txt', function(err, data) {
  if (err) {
    // 处理错误
  } else {
    // 处理文件内容
  }
});

在上面的示例中，readFile()函数是一个异步函数，它将读取一个文件。当文件读取完成后，它将调用回调函数，该回调函数将处理文件内容。

Promise的引入

回调函数虽然可以实现异步编程，但使用起来却非常繁琐和难以管理。为了解决这个问题，JavaScript引入了Promise对象。Promise对象表示一个异步操作的最终完成或失败的状态。当一个异步操作完成时，Promise对象将被解析，并可以获取其结果。如果异步操作失败，Promise对象将被拒绝，并可以获取其错误信息。

const readFilePromise = new Promise((resolve, reject) => {
  // 异步读取文件
  fs.readFile('file.txt', (err, data) => {
    if (err) {
      reject(err);
    } else {
      resolve(data);
    }
  });
});

readFilePromise
  .then((data) => {
    // 处理文件内容
  })
  .catch((err) => {
    // 处理错误
  });

在上面的示例中，readFilePromise是一个Promise对象，它表示读取文件操作的最终完成或失败的状态。当文件读取完成后，Promise对象将被解析，并可以获取其结果。如果文件读取失败，Promise对象将被拒绝，并可以获取其错误信息。

Async/Await的出现

Promise虽然解决了回调函数的问题，但它仍然需要使用.then()和.catch()方法来处理结果和错误。为了进一步简化异步编程，JavaScript引入了async/await。async/await关键字允许开发人员使用同步的方式来编写异步代码。

async function readFileAsync() {
  try {
    const data = await fs.readFile('file.txt');
    // 处理文件内容
  } catch (err) {
    // 处理错误
  }
}

readFileAsync();

在上面的示例中，readFileAsync()函数是一个异步函数，它使用async关键字来声明。在该函数中，我们使用await关键字来等待fs.readFile()函数完成。当fs.readFile()函数完成后，我们将获取其结果并处理文件内容。如果fs.readFile()函数失败，我们将获取其错误信息并处理错误。