美文网首页ES
ES2020新特性

ES2020新特性

作者: 肉桂猿 | 来源:发表于2020-01-10 17:38 被阅读0次

https://kangax.github.io/compat-table/es6/ 

查询各个浏览器对ES的支持:https://kangax.github.io/compat-table/es2016plus/

1. Promise.allSettled

Promise.all 具有并发执行异步任务的能力。但它的最大问题就是如果其中某个任务出现异常(reject),所有任务都会挂掉,Promise直接进入 reject 状态。

想象这个场景:你的页面有三个区域,分别对应三个独立的接口数据,使用 Promise.all 来并发三个接口,如果其中任意一个接口服务异常,状态是reject,这会导致页面中该三个区域数据全都无法渲染出来,因为任何 reject 都会进入catch回调, 很明显,这是无法接受的,如下:

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

2. Optional Chaining

3. Nullish coalescing Operator

4. globalThis 

目的就是提供一种标准化方式访问全局对象,有了 globalThis 后,你可以在任意上下文,任意时刻都能获取到全局对象

5.String.prototype.matchAll

相关文章

  • ES2020 新特性

    ES2020已经落地了,其中几个新特性实用性还是不错的,这就意味着,现在对 ES2020 中 Javascript...

  • ES2020新特性?? ?.

    专心搞前端的第9天 今天遇到一题让我一脸懵逼的面试题。 完全看不懂怎么办,怎么那么多奇怪的???网上搜了好久都没找...

  • ES2020新特性

    可选链操作符(Optional Chaining) 作用:让我们在查询具有多个层级对象时,不再需要进行冗余的各种前...

  • es2020新特性

    文章来源:方凳雅集 前言自从ES6发布之后,TC39这个负责开发ECMAScript标准的机构每年都会发布新特性。...

  • ES2020新特性

    可选链 (Optional chaining) 可选链 让我们在查询具有多层级的对象时,不需要再进行冗余的各种前置...

  • es2020新特性

    ES2020 是 ECMAScript 对应 2020 年的版本。这个版本不像 ES6 (ES2015)那样包含大...

  • ES2020新特性

    https://kangax.github.io/compat-table/es6/ 查询各个浏览器对ES的支持:...

  • ES2020新特性

    前言 ES2020 是 ECMAScript 对应 2020 年的版本。这个版本不像 ES6 (ES2015)那样...

  • ES2020新特性

    Promise.allSettled优势: 在并发任务重,任务异常或者正常,都会返回对应的状态(fulfilled...

  • ES2020新特性

    https://github.com/tc39/ecma262/commit/248851026c4690c8dc...

网友评论

    本文标题:ES2020新特性

    本文链接:https://www.haomeiwen.com/subject/rlcmactx.html