让人兴奋的三大JavaScript2021(ES12)新特性

让人兴奋的三大JavaScript2021(ES12)新特性

文章译自此处

感谢Babel,我使用ECMAScript 2021的新功能已有一年多了。 几乎所有功能都是有用的,但是其中三个功能使我节省了大量时间,并使我的代码更具可读性,从而脱颖而出

让我们越过它们

1. 逻辑赋值运算符

逻辑赋值运算符将逻辑运算(例如??,&&或||)与赋值(例如=)结合使用

这里有些例子

a ||= b如果a为真,则返回a;如果a为虚假,则返回b

如果a为真或a为假,则a &&= b返回b

a ??= b如果anullundefined,则返回b;如果a为真,则返回a

最初,在代码审查期间立即了解这些操作员的操作有些棘手,但几周后,团队中的每个人都掌握了这些技巧

2. Promise.any

Promise.any接受一系列承诺并在任何提供的承诺被解决后立即解决

听起来很难,所以这里有个例子:

我们同时提出三个要求。 当其中一个请求得到解决时,Promise.any也会解决该问题并将第一个已解决的请求记录在控制台中(在我们的示例中为Google)

如果所有的诺言都被拒绝,Promise.any将引发一种新型错误:AggregateError

最新消息是AggregateError对象表示一个错误,其中多个错误封装在一个错误中

外观如下:

e.errors是errors对象的数组

3. 数字分隔符

数字分隔符使我们能够用数字文字中的下划线(_)分隔数千个字符

有什么用? 它使我们的代码更具信息性和可读性

这是一个例子:

结论

谢谢阅读!

如果您现在想尝试ES2021的这三个新功能,则可以使用以下Babel插件:

posted @ 2021-02-23 11:30  小菜菜爱吃菜  阅读(1748)  评论(0编辑  收藏  举报