除了 Promise.all(),还有哪些方法可以处理异步并发操作?

简介: 在上述示例中,`concurrentPromises` 函数接受一个Promise数组和最大并发数作为参数,通过手动控制并发执行的Promise数量,实现了对异步操作的并发控制,并在所有Promise完成后返回结果数组。

除了 Promise.all() 之外,还有以下几种方法可以处理异步并发操作:

Promise.race()

原理

  • 如前文所述,Promise.race() 接受一个包含多个Promise对象的数组作为参数,并行执行这些Promise。一旦数组中有一个Promise的状态变为 fulfilledrejected,新返回的Promise就会立即采用该Promise的状态和结果,并结束其他Promise的执行。

示例

const promise1 = new Promise((resolve) => setTimeout(() => resolve('第一个完成'), 2000));
const promise2 = new Promise((resolve) => setTimeout(() => resolve('第二个完成'), 1500));
const promise3 = new Promise((resolve) => setTimeout(() => resolve('第三个完成'), 1000));

Promise.race([promise1, promise2, promise3])
.then((result) => {
   
    console.log('最快的Promise完成,结果为:', result);
  })
.catch((error) => {
   
    console.log('有Promise失败,错误为:', error);
  });

在上述示例中,promise3 最快完成,所以 Promise.race() 返回的Promise会采用 promise3 的结果,并执行 .then() 方法打印出 第三个完成

Promise.any()

原理

  • Promise.any() 方法也接受一个包含多个Promise对象的数组作为参数,并行执行这些Promise。只要数组中有一个Promise成功变为 fulfilled 状态,新返回的Promise就会立即变为 fulfilled,并将该成功的Promise的结果作为最终结果。只有当所有的Promise都变为 rejected 状态时,新返回的Promise才会变为 rejected,并将所有Promise的错误信息组成一个数组作为最终的错误原因。

示例

const promiseA = new Promise((resolve, reject) => setTimeout(() => reject('A失败'), 1000));
const promiseB = new Promise((resolve, reject) => setTimeout(() => reject('B失败'), 1500));
const promiseC = new Promise((resolve) => setTimeout(() => resolve('C成功'), 2000));

Promise.any([promiseA, promiseB, promiseC])
.then((result) => {
   
    console.log('至少有一个Promise成功,结果为:', result);
  })
.catch((errors) => {
   
    console.log('所有Promise都失败,错误为:', errors);
  });

在上述示例中,promiseC 成功,所以 Promise.any() 返回的Promise会采用 promiseC 的结果,并执行 .then() 方法打印出 C成功

Promise.allSettled()

原理

  • Promise.allSettled() 方法同样接受一个包含多个Promise对象的数组作为参数,并行执行这些Promise。它会等待所有的Promise都完成,无论其状态是 fulfilled 还是 rejected,然后返回一个包含所有Promise结果和状态的对象数组。每个对象都有 status 属性表示Promise的状态,以及 valuereason 属性分别表示成功的值或失败的原因。

示例

const promiseX = new Promise((resolve) => setTimeout(() => resolve('X成功'), 1000));
const promiseY = new Promise((resolve, reject) => setTimeout(() => reject('Y失败'), 1500));
const promiseZ = new Promise((resolve) => setTimeout(() => resolve('Z成功'), 2000));

Promise.allSettled([promiseX, promiseY, promiseZ])
.then((results) => {
   
    console.log('所有Promise都已完成,结果为:', results);
  });

上述示例中,Promise.allSettled() 返回的结果是一个包含三个对象的数组,分别对应 promiseXpromiseYpromiseZ 的结果和状态,例如 [{status: 'fulfilled', value: 'X成功'}, {status: 'rejected', reason: 'Y失败'}, {status: 'fulfilled', value: 'Z成功'}]

手动实现并发控制

原理

  • 通过使用一个计数器和一个数组来手动控制并发的Promise数量。每次执行一个Promise时,计数器加一,当Promise完成时,计数器减一,并将结果存储到数组中。当计数器为零时,表示所有的Promise都已完成,可以对结果数组进行处理。

示例

function concurrentPromises(promises, maxConcurrent) {
   
  let completed = 0;
  const results = [];
  const promiseArray = Array.from(promises);

  return new Promise((resolve, reject) => {
   
    function runNext() {
   
      if (completed === promiseArray.length) {
   
        resolve(results);
        return;
      }

      while (completed < promiseArray.length && maxConcurrent > 0) {
   
        const index = completed;
        const promise = promiseArray[index];
        maxConcurrent--;
        promise
        .then((result) => {
   
            results[index] = result;
          })
        .catch((error) => {
   
            reject(error);
          })
        .finally(() => {
   
            maxConcurrent++;
            completed++;
            runNext();
          });
      }
    }

    runNext();
  });
}

const promises = [
  new Promise((resolve) => setTimeout(() => resolve('1'), 1000)),
  new Promise((resolve) => setTimeout(() => resolve('2'), 2000)),
  new Promise((resolve) => setTimeout(() => resolve('3'), 1500)),
];

concurrentPromises(promises, 2)
.then((result) => {
   
    console.log('手动并发控制完成,结果为:', result);
  });

在上述示例中,concurrentPromises 函数接受一个Promise数组和最大并发数作为参数,通过手动控制并发执行的Promise数量,实现了对异步操作的并发控制,并在所有Promise完成后返回结果数组。

相关文章
|
10月前
|
前端开发
在什么场景下适合使用 Promise.race() 方法?
在什么场景下适合使用 Promise.race() 方法?
676 167
|
10月前
|
前端开发
如何使用 Promise 的 all 方法?
如何使用 Promise 的 all 方法?
957 162
|
前端开发 索引
Promise.all() 方法的参数可以是什么类型?
综上所述,`Promise.all()` 方法的参数类型较为灵活,但无论使用哪种类型的可迭代对象作为参数,其核心的异步操作处理逻辑和成功失败的判断机制都是一致的,都是为了方便地处理多个异步操作的并发执行和结果汇总。
541 155
|
前端开发 数据处理
如何使用 Promise.all() 处理异步并发操作?
使用 `Promise.all()` 可以方便地处理多个异步并发操作,提高代码的执行效率和可读性,同时通过统一的 `.catch()` 方法能够有效地处理异步操作中的错误,确保程序的稳定性。
1038 155
|
10月前
|
设计模式 监控 前端开发
并发设计模式实战系列(15):Future/Promise
🌟 大家好,我是摘星!🌟今天为大家带来的是并发设计模式实战系列,第十五章,废话不多说直接开始~
241 0
|
前端开发
如何在不使用catch方法的情况下处理Promise.reject()抛出的错误?
如何在不使用catch方法的情况下处理Promise.reject()抛出的错误?
658 155
|
前端开发
在Promise链中是否可以多次使用catch方法?
在Promise链中是否可以多次使用catch方法?
498 154
|
前端开发
Promise有哪些常用的方法?
Promise有哪些常用的方法?
500 154