手动实现promise.all

手动实现promise.all

function promiseAll(promises) {
  return new Promise((resolve, reject) => {
    const results = [];
    let count = 0;

    promises.forEach((promise, index) => {
      Promise.resolve(promise).then(result => {
        results[index] = result;
        count++;
        if (count === promises.length) {
          resolve(results);
        }
      }).catch(reject);
    });
  });
}

在上面的代码中,我们创建了一个名为 promiseAll 的函数。它接收一个 Promise 对象数组作为参数,并返回一个新的 Promise 对象。

promiseAll() 函数中,我们首先定义了一个空数组 results 和计数器 count,用于存储每个 Promise 对象解决后的结果和已经解决的 Promise 数量。

接下来,我们使用 forEach() 方法遍历传入的 promises 数组,将每个 Promise 对象使用 Promise.resolve() 包装成 Promise 对象,并调用 then() 方法来处理解决态(resolved)的情况。当一个 Promise 对象被解决后,它的返回值会被保存到 results 数组中,并且计数器 count 会加一。

当所有的 Promise 对象都已经 settled 后,即 count 等于 promises.length 时,我们调用 resolve()results 数组作为 Promise 函数的解决值(resolved value)。

如果任何一个 Promise 对象被拒绝(rejected),则整个 promiseAll() 函数会将拒绝值作为其返回的 Promise 对象的拒绝值(rejected value)。

以下是一个使用 promiseAll() 的示例代码:

const promises = [
  new Promise(resolve => setTimeout(() => resolve(1), 1000)),
  new Promise(resolve => setTimeout(() => resolve('string'), 2000)),
  new Promise(resolve => setTimeout(() => resolve(true), 3000))
];

promiseAll(promises)
  .then(results => console.log(results))
  .catch(error => console.log(error));
// Output: [1, "string", true]

在上面的代码中,我们使用了一个 Promise 对象数组 promises,其中每个 Promise 对象都有不同的超时时间。调用 promiseAll(promises) 返回一个 Promise 对象,最终输出结果为 [1, "string", true],这是一个由三个 Promise 对象的结果组成的数组。

你可能感兴趣的:(javascript,javascript,前端,vue.js)