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

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

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

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

  1. 创建一个包含多个 Promise 对象的数组,每个 Promise 对象代表一个异步操作;
  2. 使用 Promise.all 方法,将数组作为参数传入;
  3. 在 Promise.all 返回的 Promise 对象上添加 then 方法,用于处理所有 Promise 对象都成功时的结果;
  4. 在 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 对象都成功时的结果。最终,控制台会输出一个包含三个结果的数组。

你可能感兴趣的:(JS,再刷JS,javascript,前端,开发语言)