Promiseall() Polyfill实现

在JavaScript开发中，Promise.all() 是一个非常实用的方法，它允许我们并行处理多个Promise，并在所有Promise都成功解决时获取它们的结果。然而，在一些较旧的环境中，可能不支持该方法，这时候就需要手动实现一个 Promise.all() 的Polyfill。

我们需要理解 Promise.all() 的工作原理。它接收一个Promise对象数组作为参数，返回一个新的Promise。当所有传入的Promise都成功时，新的Promise才会成功解决，并返回一个包含所有Promise结果的数组，顺序与传入的Promise数组顺序一致。如果其中任何一个Promise被拒绝，那么新的Promise会立即被拒绝，并返回第一个被拒绝的Promise的原因。

接下来，我们开始实现 Promise.all() 的Polyfill。以下是一个基本的实现代码：

if (!Promise.all) {
    Promise.all = function (promises) {
        return new Promise((resolve, reject) => {
            if (!Array.isArray(promises)) {
                return reject(new TypeError('Argument must be an array'));
            }
            const results = [];
            let pending = promises.length;
            if (pending === 0) {
                return resolve(results);
            }
            promises.forEach((promise, index) => {
                Promise.resolve(promise)
                  .then((value) => {
                        results[index] = value;
                        pending -= 1;
                        if (pending === 0) {
                            resolve(results);
                        }
                    })
                  .catch((error) => {
                        reject(error);
                    });
            });
        });
    };
}

在这段代码中，我们首先检查全局的 Promise 对象上是否已经存在 all 方法。如果不存在，我们就定义一个新的 Promise.all 方法。该方法接收一个Promise数组作为参数，返回一个新的Promise。在新的Promise中，我们首先检查传入的参数是否为数组，如果不是则抛出一个类型错误。然后，我们创建一个数组 results 来存储Promise的结果，以及一个变量 pending 来记录还未完成的Promise数量。如果 pending 为0，说明没有传入任何Promise，直接返回结果数组。

接着，我们遍历传入的Promise数组，使用 Promise.resolve() 将每个Promise包装起来，确保它是一个Promise对象。然后，我们为每个Promise添加 then 和 catch 回调。在 then 回调中，我们将结果存入 results 数组，并减少 pending 的值。如果所有Promise都完成了，即 pending 为0，我们就解决新的Promise并返回结果数组。如果任何一个Promise被拒绝，我们就立即拒绝新的Promise并返回错误。

通过这种方式，我们就实现了一个简单的 Promise.all() Polyfill，使得在不支持原生 Promise.all() 的环境中也能使用该功能。在实际应用中，我们可以将这段代码放在项目的入口文件中，以确保在使用 Promise.all() 之前，该方法已经被正确定义。这样，我们的代码就能在更广泛的JavaScript运行环境中稳定运行。