“PromiseConstructor”类型上不存在属性“allSettled”

当我们在编写代码时，有时我们会遇到这样的报错信息：“PromiseConstructor”类型上不存在属性“allSettled”。这个错误信息的意思是，Promise构造器上不存在allSettled方法。

为了更好的理解这个错误信息，我们需要了解Promise的概念和用法。Promise是一种异步编程的方式，它通常用于处理一些需要时间才能完成的操作，比如读取文件、从网络请求数据等。Promise提供了三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败），可以通过then方法来获取最终结果。

在ES2019中，Promise新增了一个allSettled方法，用于等待所有Promise对象的执行状态变为fulfilled或rejected。它返回一个Promise对象，该对象在所有Promise对象都已完成（不管是fulfilled还是rejected）后才会进入fulfilled状态。返回值可以是一个包含所有Promise对象状态的数组。这个方法对于需要执行多个异步操作，但并不关心操作的顺序时非常有用。

然而，由于不是所有的浏览器都支持ES2019的新特性，所以在一些较老的浏览器中，Promise构造器上不存在allSettled方法，因此运行时就会报错。

为了解决这个问题，我们需要先判断所运行的浏览器是否支持allSettled方法。可以使用如下代码来判断：

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

上面的代码判断了Promise.allSettled方法是否存在，如果不存在则对其进行了定义。

另外，如果我们想要在不支持allSettled方法的浏览器中使用它，也可以使用一些第三方库，比如polyfill.io或core-js。这些库会自动检测当前的环境并在必要时提供所需的修复程序，以确保代码在任何浏览器上都能够正常运行。

总而言之，当我们在编写代码时遇到“PromiseConstructor”类型上不存在属性“allSettled”这个错误信息时，说明所运行的浏览器不支持ES2019新增的Promise.allSettled方法。可以通过手动定义该方法或使用第三方库来解决这个问题。