js Promise用法

JavaScript中的Promise是一种用于处理异步操作的对象。它提供了一种更优雅和可读性更高的方式来编写和处理异步代码。

下面是Promise的基本用法：

1. 创建一个Promise对象：

   const promise = new Promise((resolve, reject) => {
     // 异步操作的代码
   });

2. 异步操作完成时调用resolve：

   resolve(value);

3. 异步操作失败时调用reject：

   reject(error);

4. 使用Promise的then方法处理成功的结果：

   promise.then((result) => {
     // 处理成功的结果
   });

5. 使用Promise的catch方法处理错误：

   promise.catch((error) => {
     // 处理错误
   });

6. 可以使用Promise的finally方法在Promise结束后执行一些操作：

   promise.finally(() => {
     // 执行一些清理操作
   });

下面是一个示例，演示如何使用Promise执行异步操作：

function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      const data = 'Some data';
      // 模拟异步操作成功，调用resolve并传递数据
      resolve(data);
      // 模拟异步操作失败，调用reject并传递错误信息
      // reject('Error occurred');
    }, 2000);
  });
}

const promise = fetchData();

promise
  .then((data) => {
    console.log('Success:', data);
  })
  .catch((error) => {
    console.log('Error:', error);
  })
  .finally(() => {
    console.log('Cleanup');
  });

在上面的示例中，我们创建了一个fetchData函数，它返回一个Promise对象。在Promise的构造函数中，我们模拟了一个异步操作（在这里使用了setTimeout），并根据操作的结果调用resolve或reject。

然后，我们通过调用then方法来处理成功的结果，并通过catch方法来处理错误。最后，我们使用finally方法来执行一些清理操作（无论Promise是成功还是失败）。

这就是Promise的基本用法。使用Promise可以更好地处理异步操作，避免了回调地狱，并提供了更清晰和可读性更高的代码结构。