在 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 对象都成功时的结果。最终,控制台会输出一个包含三个结果的数组。