当前位置：首页 > news >正文

手写Promise.all

news 2025/5/7 8:44:58

下面是使用 tsx 实现的手写版 Promise.all 函数。Promise.all 接收一个可迭代对象（通常是数组）作为参数，该数组中的每个元素都是一个 Promise 对象，当所有 Promise 都成功完成时，它会返回一个新的 Promise，该 Promise 会在所有 Promise 都成功时以一个包含所有结果的数组来解析；如果其中任何一个 Promise 被拒绝，那么 Promise.all 返回的 Promise 会立即以该拒绝的原因被拒绝。

function customPromiseAll<T>(promises: (Promise<T> | T)[]): Promise<T[]> {return new Promise((resolve, reject) => {if (!Array.isArray(promises)) {return reject(new TypeError('传入的参数必须是数组'));}const results: T[] = [];let completedCount = 0;if (promises.length === 0) {resolve(results);return;}promises.forEach((promise, index) => {Promise.resolve(promise).then((value) => {results[index] = value;completedCount++;if (completedCount === promises.length) {resolve(results);}}).catch((error) => {reject(error);});});});
}const promise1 = Promise.resolve(1);
const promise2 = Promise.resolve(2);
const promise3 = Promise.resolve(3);customPromiseAll([promise1, promise2, promise3]).then((values) => {console.log(values);}).catch((error) => {console.error(error);});

上述代码实现了一个自定义的 customPromiseAll 函数，它接收一个 Promise 数组作为参数，返回一个新的 Promise 对象。在函数内部，通过遍历传入的 Promise 数组，为每个 Promise 绑定 then 和 catch 方法。当所有 Promise 都成功完成时，将每个 Promise 的结果存储在 results 数组中，并在所有 Promise 都完成后，使用 resolve 方法返回结果数组；如果有任何一个 Promise 被拒绝，则立即使用 reject 方法返回错误信息。

成功Promise.all: