不论你是否还学的动，JS语言仍然在以本人的节奏飞快的进化。转眼间，Promise的工具包里又多了一个办法Promise.allSettled供你抉择，它看起来像是对Promise.all的一种补充，缓解了应用Promise.all碰到reject的痛点问题。

一句话概括Promise.allSettled和Promise.all的最大不同：Promise.allSettled永远不会被reject。

解决Promise.all的痛点

当须要解决多个Promise并行时，大多数状况下Promise.all用起来是十分棘手的，比方上面这样

const delay = n => new Promise(resolve => setTimeout(resolve, n));const promises = [  delay(100).then(() => 1),  delay(200).then(() => 2),  ]Promise.all(promises).then(values=>console.log(values))// 最终输入： [1, 2]

可是，是一旦有一个promise呈现了异样，被reject了，状况就会变的麻烦。

const promises = [  delay(100).then(() => 1),  delay(200).then(() => 2),  Promise.reject(3)  ]Promise.all(promises).then(values=>console.log(values))// 最终输入： Uncaught (in promise) 3Promise.all(promises).then(values=>console.log(values)).catch(err=>console.log(err))// 退出catch语句后，最终输入：3

只管能用catch捕捉其中的异样，但你会发现其余执行胜利的Promise的音讯都失落了，好像杳无音信个别。

要么全副胜利，要么全部重来，这是Promise.all自身的强硬逻辑，也是痛点的起源，不能说它错，但这确实给Promise.allSettled留下了立足的空间。

如果应用Promise.allSettled来解决这段逻辑会怎么呢?

const promises = [  delay(100).then(() => 1),  delay(200).then(() => 2),  Promise.reject(3)  ]Promise.allSettled(promises).then(values=>console.log(values))// 最终输入： //    [//      {status: "fulfilled", value: 1},//      {status: "fulfilled", value: 2},//      {status: "rejected", value: 3},//    ]

能够看到所有promise的数据都被蕴含在then语句中，且每个promise的返回值多了一个status字段，示意以后promise的状态，没有任何一个promise的信息被失落。

因而，当用Promise.allSettled时，咱们只需专一在then语句里，当有promise被异样打断时，咱们仍然能妥善处理那些曾经胜利了的promise，不用全部重来。

以后大环境对Promise.allSettled的反对

nodejs从v12.9.0开始退出了对Promise.allSettled的反对，支流浏览器们也各自在2019年公布的版本中反对了此办法，这意味着你曾经能够放心大胆的应用了。

对于那些不反对此办法的环境，你能够间接援用开源社区中实现了此办法的npm包：

  • promise.allsettled
  • promise-settle
  • promise-all-settled
  • es2015-promise.allsettled

或者，你能够间接基于Promise.all写一个polyfill，给你的我的项目打上补丁：

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

结语

Promise.allSettled是对Promise.all的一种补充，当面对多个promise并行时，它额定提供了一种解决形式，解决了当多个promise并行时reject的呈现会随同着其余promise数据失落的问题。

参考资料

using-promise-allsettled-now

proposal-promise-allSettled

es2015-Promise.allSettled

nodejs v12.9.0 release notes