除了 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完成后返回结果数组。

相关文章
|
1月前
|
前端开发 JavaScript
如何使用 Promise 处理异步并发操作?
通过使用 `Promise.all()` 和 `Promise.race()` 方法,可以灵活地处理各种异步并发操作,根据不同的业务需求选择合适的方法来提高代码的性能和效率,同时也使异步代码的逻辑更加清晰和易于维护。
|
28天前
|
前端开发 索引
Promise.all() 方法的参数可以是什么类型?
综上所述,`Promise.all()` 方法的参数类型较为灵活,但无论使用哪种类型的可迭代对象作为参数,其核心的异步操作处理逻辑和成功失败的判断机制都是一致的,都是为了方便地处理多个异步操作的并发执行和结果汇总。
|
28天前
|
前端开发 数据处理
如何使用 Promise.all() 处理异步并发操作?
使用 `Promise.all()` 可以方便地处理多个异步并发操作,提高代码的执行效率和可读性,同时通过统一的 `.catch()` 方法能够有效地处理异步操作中的错误,确保程序的稳定性。
|
18天前
|
前端开发
Promise.allSettled()方法和Promise.race()方法有什么区别?
`Promise.allSettled()` 提供了一种更全面、更详细的方式来处理多个 `Promise`,而 `Promise.race()` 则更强调速度和竞争。我们需要根据具体的需求来选择使用哪种方法。
|
23天前
|
前端开发
`Promise.all()`方法在处理数组形式参数时的执行机制
Promise.all()` 提供了一种方便的方式来同时处理多个异步操作,并在它们都完成后获取到所有的结果,使得我们能够更高效地进行异步任务的组合和处理。
|
23天前
|
前端开发
`Promise.allSettled()`方法与`Promise.all()`方法有何不同?
`Promise.allSettled()` 提供了一种更灵活和全面的方式来处理多个 `Promise`,使得我们能够更好地应对各种异步操作的情况,尤其是需要详细了解每个 `Promise` 结果的场景。
|
18天前
|
监控 调度
在什么情况下应该使用 Promise.allSettled() 方法?
总的来说,`Promise.allSettled()` 为我们处理多个异步任务提供了一种更灵活、更全面的方式,使我们能够更好地应对各种复杂的情况,确保在获取到所有任务结果的同时,能够进行更有效的后续处理和决策。
|
23天前
|
前端开发 索引
Promise.all() 方法的参数可以是哪些数据类型?
`Promise.all()` 方法的参数具有很大的灵活性,可以适应多种不同的场景和需求,方便地处理多个异步操作的并发执行和结果汇总。
|
28天前
|
前端开发
Promise.race() 方法在什么场景下使用?
`Promise.race()` 方法通过其独特的竞争机制,在需要快速获取结果、设置超时控制、实现快速失败以及根据条件动态选择异步操作等场景中,能够提供简洁有效的解决方案,帮助优化异步操作的执行流程和提高系统的响应性能。
|
7月前
|
前端开发 JavaScript
如何处理 JavaScript 中的异步操作和 Promise?
如何处理 JavaScript 中的异步操作和 Promise?
68 1

热门文章

最新文章