JavaScript基础知识：什么是 Promise？如何使用它处理异步操作？

Promise是JavaScript中用于处理异步操作的对象。它代表一个异步操作的最终完成或失败，并且提供了一种更清晰和结构化的方式来编写异步代码。

Promise的基本结构：

Promise有三个状态：

1. Pending（进行中）： 初始状态，表示操作还在进行中。
2. Fulfilled（已成功）： 表示异步操作成功完成。
3. Rejected（已失败）： 表示异步操作失败。

Promise的构造函数接受一个执行函数，该函数在创建Promise对象时立即执行。这个执行函数接受两个参数：resolve和reject。resolve用于将Promise状态从Pending变为Fulfilled，reject用于将状态从Pending变为Rejected。

const myPromise = new Promise((resolve, reject) => {
   
  // 异步操作

  // 如果成功，调用 resolve
  // resolve(result);

  // 如果失败，调用 reject
  // reject(error);
});

使用Promise处理异步操作：

1. 使用then方法处理异步成功的情况：

   myPromise.then(result => {
        
     // 处理成功的情况
   });
   

2. 使用catch方法处理异步失败的情况：

   myPromise.catch(error => {
        
     // 处理失败的情况
   });
   

3. 使用finally方法在Promise完成时执行操作（无论成功还是失败）：

   myPromise.finally(() => {
        
     // 无论成功还是失败，都会执行的操作
   });
   

示例：

const fetchData = new Promise((resolve, reject) => {
   
  setTimeout(() => {
   
    const success = true; // 模拟异步操作成功或失败
    if (success) {
   
      resolve("Data fetched successfully!");
    } else {
   
      reject("Error fetching data!");
    }
  }, 1000);
});

fetchData
  .then(result => {
   
    console.log(result);
  })
  .catch(error => {
   
    console.error(error);
  })
  .finally(() => {
   
    console.log("Async operation completed.");
  });

Promise提供了一种更优雅的方式来处理异步代码，使得代码更易读，更易维护。在实践中，结合Promise和Async/Await等工具可以更好地处理复杂的异步操作。