Promise —— 把握未来，走向成功

2023-12-05 20:19:39

一、Promise 的魅力：异步编程的新利器

JavaScript 作为一门单线程语言，在处理异步操作时，往往会陷入回调函数的泥沼，代码逻辑变得晦涩难懂，维护起来更是让人头疼。Promise 的出现，为我们带来了全新的解决方案，它能够将异步操作包装成一个对象，并提供一系列方法来处理其结果。

举个例子，我们来看一下使用回调函数处理异步操作的代码：

function getUserInfo(userId, callback) {
  setTimeout(() => {
    const user = {
      id: userId,
      name: "John Doe",
    };
    callback(user);
  }, 1000);
}

getUserInfo(1, (user) => {
  console.log(user.name); // "John Doe"
});

在这个例子中，getUserInfo 函数接受一个用户 ID 和一个回调函数作为参数。回调函数将在 1 秒后被调用，并传入获取到的用户数据。

使用 Promise 来重写这段代码，会更加简洁清晰：

function getUserInfo(userId) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      const user = {
        id: userId,
        name: "John Doe",
      };
      resolve(user);
    }, 1000);
  });
}

getUserInfo(1)
  .then((user) => {
    console.log(user.name); // "John Doe"
  })
  .catch((error) => {
    console.error(error);
  });

在 Promise 版本中，我们使用 new Promise 创建了一个 Promise 对象，并在其构造函数中传入一个函数。这个函数接收两个参数：resolve 和 reject。resolve 函数用于表示异步操作成功，并传入结果值。reject 函数则用于表示异步操作失败，并传入错误信息。

然后，我们使用 .then() 方法来处理 Promise 的结果。.then() 方法接受一个函数作为参数，该函数将在 Promise 成功时被调用，并将结果值作为参数传入。我们还可以在 .then() 方法中使用 .catch() 方法来处理 Promise 失败的情况。

Promise 的优势在于，它可以将异步操作的逻辑串联起来，形成一条清晰的执行链。这使得代码更加易读易维护，也更便于调试。

二、Promise 的用法：灵活处理异步任务

Promise 提供了多种方法来处理异步任务，其中最常用的包括 .then(), .catch(), .finally()、Promise.all() 和 Promise.race()。

.then(): .then() 方法用于处理 Promise 的成功结果。它接收一个函数作为参数，该函数将在 Promise 成功时被调用，并将结果值作为参数传入。
.catch(): .catch() 方法用于处理 Promise 的失败结果。它接收一个函数作为参数，该函数将在 Promise 失败时被调用，并将错误信息作为参数传入。
.finally(): .finally() 方法用于无论 Promise 成功还是失败都会执行的代码。它接收一个函数作为参数，该函数将在 Promise 执行完成后被调用，无论 Promise 成功与否。
Promise.all(): Promise.all() 方法用于处理多个 Promise。它接收一个 Promise 数组作为参数，并返回一个新的 Promise。这个新的 Promise 将在所有传入的 Promise 都成功后成功，或者在任何一个传入的 Promise 失败后失败。
Promise.race(): Promise.race() 方法用于处理多个 Promise。它接收一个 Promise 数组作为参数，并返回一个新的 Promise。这个新的 Promise 将在第一个传入的 Promise 成功或失败后立即成功或失败。