《一文带你全面了解 JavaScript 中的 Promise》

前端

2023-11-13 08:42:40

Promise 简介

Promise 是一个对象，代表着某个异步操作的最终完成或失败的结果。它提供了一种简洁而强大的方式来处理异步操作，无需使用复杂的回调函数嵌套。

Promise 有三个状态：

Pending： 初始状态，表示异步操作尚未完成。
Fulfilled： 表示异步操作已成功完成，并带有结果值。
Rejected： 表示异步操作已失败，并带有错误信息。

Promise 的用法

Promise 的核心方法是 then()，它接受两个参数：

onFulfilled：当 Promise 完成时调用的函数，传入 Promise 的结果值作为参数。
onRejected：当 Promise 失败时调用的函数，传入 Promise 的错误信息作为参数。

// 创建一个 Promise 对象
const promise = new Promise((resolve, reject) => {
  // 异步操作
  setTimeout(() => {
    // 成功调用 resolve()
    resolve('异步操作成功！');
  }, 2000);
});

// 使用 then() 方法处理 Promise
promise.then(
  (result) => {
    // Promise 成功时执行此函数
    console.log(result); // 输出：异步操作成功！
  },
  (error) => {
    // Promise 失败时执行此函数
    console.error(error); // 输出：Promise 失败了！
  }
);