并发编程的实践：从Promise到async/await，一次过瘾

前端

2023-12-12 15:05:56

并发编程的实践：从Promise到async/await，一次过瘾

绪论

现代软件开发中，并发编程扮演着至关重要的角色。随着应用程序变得越来越复杂，需要同时处理多个任务的情况也变得越来越常见。并发编程可以帮助开发人员编写能够充分利用多核处理器和多线程操作系统的程序，从而提高应用程序的性能和响应能力。

在JavaScript中，并发编程的实现主要经历了以下几个阶段：

回调函数：这是JavaScript中最早的并发编程方式，通过将函数作为参数传递给另一个函数，然后在另一个函数中调用该函数来实现异步操作。
Promise：Promise是一种更现代的并发编程方式，它可以帮助开发人员以更结构化的方式处理异步操作。Promise对象可以表示异步操作的状态，并提供then()方法来处理操作成功或失败的情况。
Generator：Generator是一种JavaScript函数，它可以暂停和恢复执行。Generator可以与Promise结合使用，来更轻松地编写异步代码。
async/await：async/await是JavaScript中最新引入的并发编程特性，它允许开发人员使用同步的方式编写异步代码。async/await可以使异步代码更加易读和易于维护。

Promise

Promise是JavaScript中处理异步操作的一种常用方法。Promise对象可以表示异步操作的状态，并提供then()方法来处理操作成功或失败的情况。

Promise的三个状态分别是：

pending：待定，Promise的初始状态。
fulfilled：已完成，Promise的操作成功完成。
rejected：已拒绝，Promise的操作失败。

Promise的then()方法有两个参数：

resolve：在Promise成功完成时调用的函数。
reject：在Promise失败时调用的函数。

then()方法返回一个新的Promise对象，表示新的异步操作。新的Promise对象的状态取决于resolve()或reject()函数的执行结果。

Generator

Generator是一种JavaScript函数，它可以暂停和恢复执行。Generator函数可以使用yield来暂停执行，然后可以使用next()方法来恢复执行。

Generator函数可以与Promise结合使用，来更轻松地编写异步代码。可以通过将Generator函数作为参数传递给Promise的then()方法，然后在Generator函数中使用yield关键字来暂停执行，等待异步操作完成。当异步操作完成后，可以使用next()方法来恢复Generator函数的执行。

async/await

async/await是JavaScript中最新引入的并发编程特性，它允许开发人员使用同步的方式编写异步代码。

async函数是一种特殊的Generator函数，它可以使用await关键字来暂停执行，等待异步操作完成。当异步操作完成后，async函数会自动恢复执行。

await关键字只能在async函数中使用。await关键字后面的表达式必须是一个Promise对象。当await关键字前面的表达式执行时，async函数会暂停执行，直到Promise对象的状态变为fulfilled或rejected。如果Promise对象的状态变为fulfilled，则await关键字后面的表达式会返回Promise对象的值。如果Promise对象的状态变为rejected，则会抛出错误。

实例

以下是一个使用Promise、Generator和async/await编写的并发程序示例：

// 使用Promise编写并发程序
const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('成功');
  }, 1000);
});

promise.then((result) => {
  console.log(result);
});

// 使用Generator编写并发程序
function* generator() {
  const result = yield new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('成功');
    }, 1000);
  });

  console.log(result);
}

const generatorObject = generator();
generatorObject.next();

// 使用async/await编写并发程序
async function asyncFunction() {
  const result = await new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('成功');
    }, 1000);
  });

  console.log(result);
}

asyncFunction();

总结

Promise、Generator和async/await都是JavaScript中处理异步操作的常用方法。它们各有优缺点，可以根据具体情况选择使用。

Promise是一种相对简单易用的并发编程方式，但它缺乏对错误处理的支持。Generator可以提供更灵活的错误处理，但它也更难理解和使用。async/await是JavaScript中最新引入的并发编程特性，它允许开发人员使用同步的方式编写异步代码，但它只支持ES2017及更高版本的JavaScript。

希望这篇文章对您有所帮助。如果您有任何问题，请随时留言。