promise.all promise.race promise.allSettled的区别?用promise.all实现promise.allSettled

参考：promise
Promise 中的三兄弟 .all(), .race(), .allSettled()
简单概括：

1、promise.all()

1. Promise.all()方法接受一个数组作为参数,p1、p2、p3都是 Promise 实例
2. 只有p1、p2、p3的状态都变成fulfilled，p的状态才会变成fulfilled，此时p1、p2、p3的返回值组成一个数组，传递给p的回调函数
3. 只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数

2、promise.race()

1. 只要p1、p2、p3之中有一个实例率先改变状态，p的状态就跟着改变。那个率先改变的 Promise 实例的返回值，就传递给p的回调函数

3、promise.allSettled()

1. 只有p1,p2 ,p3实例都返回结果，不管是fulfilled还是rejected，包装实例才会结束

所以，Promise.all()无法确定所有请求都结束，如果你需要知道所有入参的异步操作的所有结果，或者需要知道这些异步操作是否全部结束，应该使用promise.allSettled()

4、promise.all和promise.allSettled的区别

1. 相同参数对应的处理方式的不同

• Promise.allSettled()不管参数中的promise是fulfilled还是rejected，都会等参数中的实例都返回结果，包装实例才会结束
• Promise.all()只有在接受的所有promise实例全部是fulfilled才会走Promise.all([p1,p2,p3]).then()方法，只要有其中一个promise实例是rejected，就会直接走catch方法，并且catch中只会返回第一个变成rejected的promise的错误

2. 对于包装实例本身

• Promise.allSettled()一旦有了结果，包装实例本身总是fulfilled状态
• Promise.all()必须是接受参数中的所有promise实例都变为fulfilled状态，包装实例本身才会变为fullfilled状态，否则有一个接受参数中有一个rejected，则包装实例就是rejected状态

3. 返回的数据结构

• Promise.allSettled()接受的结果与入参时的promise实例一一对应，且结果的每一项都是一个对应

const resolved = Promise.resolve(42);
const rejected = Promise.reject(-1);

const allSettledPromise = Promise.allSettled([resolved, rejected]);

allSettledPromise.then(function (results) {
  console.log(results);
});
// [
//    { status: 'fulfilled', value: 42 },
//    { status: 'rejected', reason: -1 }
// ]

• Promise.all()只有当所有入参的promise实例都是fulfilled状态，才会在Promise.all().then()方法中结果，返回结果也是与入参一一对应，结果中只包含实际的resolve的结果

5、用promise.all实现promise.allSettled

Promise.allSettled = function(list) {
  if (list instanceof Array) {
    let res = [];
    list.forEach((i) => {
      res.push(
        new Promise(function(resolve, reject) {
          i.then((v) => {
            resolve({state:true, data: v});
          }).catch((e) => {
            reject({state: false, data: e});
          });
        })
      );
    });
    return Promise.all(res);
  }
  return Promise.reject();