Promise的使用技巧

2023-12-20 23:31:10

Promise的用法

Promise是一个对象，它有三个状态：

Pending：等待状态，还没有执行完成。
Fulfilled：执行成功，并且有返回值。
Rejected：执行失败，并且有错误信息。

我们使用new Promise()创建一个新的Promise对象，然后在执行异步操作时，使用resolve()或reject()来改变Promise的状态。

const promise = new Promise((resolve, reject) => {
  // 异步操作
  setTimeout(() => {
    if (success) {
      resolve(result);
    } else {
      reject(error);
    }
  }, 1000);
});

Promise的链式调用

Promise支持链式调用，这意味着我们可以将多个Promise对象连接起来，形成一个执行顺序的队列。

promise
  .then((result) => {
    // Promise执行成功后的处理逻辑
  })
  .catch((error) => {
    // Promise执行失败后的处理逻辑
  });

Promise的并发执行

如果我们需要并发执行多个异步操作，可以使用Promise.all()方法。

const promises = [promise1, promise2, promise3];

Promise.all(promises)
  .then((results) => {
    // 所有Promise执行成功后的处理逻辑
  })
  .catch((errors) => {
    // 任意一个Promise执行失败后的处理逻辑
  });

Promise的常见用法场景

Promise在实际开发中非常常见，以下是一些常见的用法场景：