初识 JavaScript 的 Promise

2024-01-14 08:35:02

初识 JavaScript 的 Promise

在 JavaScript 中，Promise 是一种用于处理异步操作的工具。它提供了一种方法来处理异步操作的结果，而不必使用回调函数。这使得 JavaScript 代码更加易于阅读和维护。

Promise 的概念

Promise 是一个对象，它表示一个异步操作的最终完成或失败的结果。Promise 可以处于三种状态之一：

Pending： 这是 Promise 的初始状态。它表示异步操作尚未完成。
Fulfilled： 这表示异步操作已成功完成，并返回了一个值。
Rejected： 这表示异步操作已失败，并返回了一个错误。

Promise 的基本用法

为了使用 Promise，您需要首先创建一个 Promise 对象。您可以使用 new Promise() 构造函数来创建 Promise 对象。构造函数接受一个函数作为参数，该函数将被立即执行。该函数称为 Promise 的执行器函数。

执行器函数有两个参数：

resolve： 该函数用于将 Promise 的状态从 Pending 更改为 Fulfilled。
reject： 该函数用于将 Promise 的状态从 Pending 更改为 Rejected。

以下是一个创建 Promise 对象的示例：

const promise = new Promise((resolve, reject) => {
  // 在这里执行异步操作
  if (success) {
    resolve(value);
  } else {
    reject(error);
  }
});

Promise 的链式调用

Promise 的一个强大功能是它支持链式调用。这意味着您可以将多个 Promise 对象连接起来，以便一个 Promise 对象的结果成为下一个 Promise 对象的输入。

要对 Promise 对象进行链式调用，您可以使用 then() 方法。then() 方法接受两个函数作为参数：

onFulfilled： 该函数用于处理 Promise 对象的状态为 Fulfilled 时的情况。
onRejected： 该函数用于处理 Promise 对象的状态为 Rejected 时的情况。

以下是一个使用链式调用连接两个 Promise 对象的示例：

const promise1 = new Promise((resolve, reject) => {
  // 在这里执行异步操作
  if (success) {
    resolve(value);
  } else {
    reject(error);
  }
});

promise1.then(
  (value) => {
    // 处理 Promise1 的结果
    return value * 2;
  },
  (error) => {
    // 处理 Promise1 的错误
  }
).then(
  (value) => {
    // 处理 Promise2 的结果
    console.log(value);
  },
  (error) => {
    // 处理 Promise2 的错误
  }
);

异常处理

当 Promise 对象的状态为 Rejected 时，您可以使用 catch() 方法来处理异常。catch() 方法接受一个函数作为参数，该函数将被用来处理错误。

以下是一个使用 catch() 方法处理异常的示例：

const promise = new Promise((resolve, reject) => {
  // 在这里执行异步操作
  if (success) {
    resolve(value);
  } else {
    reject(error);
  }
});

promise.then(
  (value) => {
    // 处理 Promise 的结果
  }
).catch((error) => {
  // 处理 Promise 的错误
});