【JS 同步调用多个函数 Promise.all】

最新推荐文章于 2024-08-11 08:56:28 发布

cv全粘工程师

最新推荐文章于 2024-08-11 08:56:28 发布

阅读量1k

点赞数 1

分类专栏： JS JS基础文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/Ge_Daye/article/details/131935682

版权

JS 同时被 2 个专栏收录

36 篇文章 0 订阅

订阅专栏

JS基础

27 篇文章 0 订阅

订阅专栏

Promise.all是JavaScript中用于处理多个异步操作的方法，当所有Promise对象成功时返回一个resolved状态的Promise，失败时则返回rejected状态。它接收一个Promise数组，所有操作完成后返回的结果将以数组形式在then方法中处理，任何失败将在catch中捕获。

摘要由CSDN通过智能技术生成

在 JS 异步编程中，可以使用 Promise.all 方法来实现同步调用多个函数。

Promise.all 方法接收一个包含各个 Promise 对象的数组作为参数，返回一个新的 Promise 对象。当数组中所有的 Promise 对象都成功（即状态为 resolved）时，返回的 Promise 对象状态为 resolved，并将所有 Promise 对象的结果组成的数组作为参数传递给回调函数；如果其中任意一个 Promise 对象失败（即状态为 rejected），返回的 Promise 对象状态为 rejected，并将第一个失败的 Promise 对象的错误信息作为参数传递给回调函数。

实现同步调用多个函数的步骤如下：

创建一个包含多个 Promise 对象的数组，每个 Promise 对象代表一个异步操作；
使用 Promise.all 方法，将数组作为参数传入；
在 Promise.all 返回的 Promise 对象上添加 then 方法，用于处理所有 Promise 对象都成功时的结果；
在 Promise.all 返回的 Promise 对象上添加 catch 方法，用于处理其中任意一个 Promise 对象失败时的错误信息。

以下是一个示例代码：

const func1 = () => {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve('result1');
    }, 1000);
  });
};

const func2 = () => {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve('result2');
    }, 500);
  });
};

const func3 = () => {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve('result3');
    }, 1500);
  });
};

Promise.all([func1(), func2(), func3()])
  .then(results => {
    console.log(results); // ['result1', 'result2', 'result3']
  })
  .catch(error => {
    console.error(error);
  });

在上述示例代码中，我们创建了三个 Promise 对象，分别代表三个异步操作。使用 Promise.all 方法将它们作为参数传入，然后在 Promise.all 返回的 Promise 对象上添加 then 方法，用于处理所有 Promise 对象都成功时的结果。最终，控制台会输出一个包含三个结果的数组。