什么是promise-优快云博客

Promise的概念

Promise是一种用于处理异步操作的编程模式，广泛应用于JavaScript等语言中。其核心思想是将异步操作的结果（成功或失败）封装为一个对象，允许以链式调用的方式处理后续逻辑，避免回调地狱（Callback Hell）。

Promise的状态

Promise具有三种不可逆的状态：

Pending：初始状态，异步操作尚未完成。
Fulfilled：异步操作成功完成，返回结果值。
Rejected：异步操作失败，返回错误原因。

状态一旦改变（从Pending到Fulfilled或Rejected），便不可再逆转。

基本用法

在JavaScript中，Promise通过构造函数创建，接收一个执行器函数（executor），该函数包含resolve和reject两个参数：

const promise = new Promise((resolve, reject) => {
  // 异步操作（如API请求、定时器等）
  if (/* 成功条件 */) {
    resolve("操作成功的结果");
  } else {
    reject("失败原因");
  }
});

常用方法

then()

用于注册Promise状态变为Fulfilled时的回调函数，并可链式调用：

promise.then(
  (result) => { console.log(result); }, // 成功处理
  (error) => { console.error(error); }  // 失败处理（可选）
);

catch()

专门处理Rejected状态，相当于then(null, errorHandler)：

promise.catch((error) => {
  console.error("捕获错误:", error);
});

finally()

无论成功或失败均会执行，常用于清理操作：

promise.finally(() => {
  console.log("操作结束");
});

静态方法

Promise.all()

接收一个Promise数组，全部成功时返回结果数组，任一失败则立即抛出错误：

Promise.all([promise1, promise2]).then((results) => {
  console.log(results); // [result1, result2]
});

Promise.race()

返回最先完成（成功或失败）的Promise结果：

Promise.race([promise1, promise2]).then((result) => {
  console.log(result); // 第一个完成的结果
});

示例：链式调用

function fetchData(url) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      if (url.startsWith("https://")) {
        resolve(`数据来自 ${url}`);
      } else {
        reject("无效URL");
      }
    }, 1000);
  });
}

fetchData("https://api.example.com")
  .then((data) => {
    console.log(data);
    return fetchData("https://api.example.com/user");
  })
  .then((userData) => {
    console.log(userData);
  })
  .catch((error) => {
    console.error(error);
  });