当在Chrome中使用Promise.allSettled时，低版本Firefox不支持，如何兼容？-前端问答-PHP中文网

当在Chrome中使用Promise.allSettled时，低版本Firefox不支持，如何兼容？

雪夜

发布： 2025-04-22 09:30:02

原创

745人浏览过

在chrome中使用promise.allsettled时，可以通过polyfill兼容低版本firefox。具体方法是：1)检查promise对象是否包含allsettled方法，若无则实现polyfill；2)使用promise.all处理转换后的promise数组，确保每个promise返回状态和值或原因的对象。这样可以在所有支持promise的浏览器中使用promise.allsettled。

当在Chrome中使用Promise.allSettled时，低版本Firefox不支持，如何兼容？

在Chrome中使用Promise.allSettled时，如果你需要兼容低版本的Firefox，可以采取一些策略来确保你的代码在不同浏览器中都能正常运行。让我们深入探讨这个问题，并提供一个兼容方案。

Promise.allSettled是一个非常有用的API，它允许你等待一组Promise，无论它们是成功还是失败，都会返回一个包含每个Promise状态的数组。这在处理多个异步操作时非常有用，因为你可以一次性获取所有操作的结果，而不需要担心某个Promise的失败会影响整个操作。

然而，低版本的Firefox（比如Firefox 70及以下版本）并不支持Promise.allSettled，这就需要我们进行一些兼容处理。

兼容方案

为了兼容低版本的Firefox，我们可以自己实现一个Promise.allSettled的polyfill。以下是一个实现方案：

if (!Promise.allSettled) {
  Promise.allSettled = function (promises) {
    return Promise.all(promises.map(p => 
      Promise.resolve(p).then(
        value => ({
          status: 'fulfilled',
          value
        }),
        reason => ({
          status: 'rejected',
          reason
        })
      )
    ));
  };
}

登录后复制

这个polyfill的工作原理是：

如知AI笔记

如知笔记——支持markdown的在线笔记，支持ai智能写作、AI搜索，支持DeepseekR1满血大模型

查看详情

首先检查全局的Promise对象是否已经包含了allSettled方法，如果没有，则进行polyfill。
使用Promise.all来处理一个由所有输入Promise转换后的新Promise数组。
每个Promise通过Promise.resolve包装，以确保它是一个Promise对象。
然后使用.then方法来处理每个Promise的结果，无论是成功还是失败，都会返回一个包含状态和值或原因的对象。

使用示例

有了这个polyfill，你就可以在所有支持Promise的浏览器中使用Promise.allSettled了。以下是一个使用示例：

const promise1 = Promise.resolve('成功');
const promise2 = Promise.reject('失败');
const promise3 = new Promise((resolve) => setTimeout(() => resolve('延迟成功'), 1000));

Promise.allSettled([promise1, promise2, promise3]).then((results) => {
  results.forEach((result) => {
    console.log(result.status, result.value || result.reason);
  });
});

登录后复制