种草 ES2020 新特性

这几年，ECMA TC39一年一次更新 ECMAScript 规范标准，截止目前，一下特性已进入 finished 状态。现在带大家体验种草 ES2020 新特性。
一、Promise.allSettled
Promise.all 缺陷
都知道 Promise.all 具有并发执行异步任务的能力。但它的最大问题就是如果其中某个任务出现异常（reject），所有任务都会挂掉， Promise 直接进入 reject 状态。
想象这个场景：你的页面有三个区域，分别对应三个独立的接口数据，使用 Promise.all 来并发三个接口，如果其中任意一个接口服务异常，状态是 reject，这会导致页面中该三个区域数据全都无法渲染出来，因为任何 reject 都会进入 catch 回调，很明显，这是无法接受的。如下：

Promise.all([
	Promise.reject({
   code: 500, msg: '服务器异常'}),
	Promise.resolve({
   code: 200, list: []}),
	Promise.resolve({
   code: 200, list: []})
  ])
  .then((ret) =>{
   
      //如果其中一个任务是reject，则不会执行到这个回调
      RenderContent(ret);
  })
  .catch((error) => {
   
      // 本例中会执行到这个回调
      // error: {code: 500, msg: '服务器异常'}
  })

Promise.allSettled 的优势
我们需要一种机制，如果并发任务中，无论一个任务正常或者异常，都会返回对应的状态（fullfilled 或者 rejected）与结果（业务 value 或者 拒因 reason），在 then 里面通过 filter 来过滤出想要的业务逻辑结果，这就能最大限度的保障业务当前状态的可访问性，而 Promise.allSettled 就是解决这个问题的。

Promise.allSettled([
	Promise.reject({
   code: 500, msg: '服务器异常}),
	Promise.resolve({
   code: 200, list: []}),
	Promise.<