令人兴奋的三大新JavaScript ES 2021（ES 12）功能

Contents

• 1 前言
• 2 正文
  • 2.1 逻辑赋值运算符
  • 2.2 Promise
  • 2.3 数字分隔符
• 3 总结
• 4 关于

前言

本文翻译自：The Top 3 New JavaScript ES 2021 (ES 12) Features I’m Excited About (https://medium.com/better-programming/the-top-3-new-javascript-es-2021-es-12-features-im-excited-about-a3ac129efbb2)

主要内容：

• 逻辑赋值运算符
• Promise.any
• 数字分隔符

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

让我们看看他们

正文

逻辑赋值运算符

逻辑赋值运算符将逻辑运算（例如??，&&或||）与赋值（例如=）结合在一起。

这里有些例子。

a||=b

如果 a 为真则返回 a，如果 a 为假则返回 b

a &&= b

如果 a 为真，则返回 b , 如果 a 为假，则返回 a

a ??= b

如果 a 为 null 或未定义，则返回 b；如果a为真，则返回a。

一开始，在团队代码 CodeView 时，立即了解这些功能可能有些困难，但过不久，团队成员都掌握了这个技巧

Promise

Promise.any 接受一系列Promise并在任何提供 Promise 解决后立即解决。

听起来很困难，所以这里有个例子：

我们同时发起三个请求。当其中一个请求得到解决时，Promise.any 将解决第一个已解决的请求并将其记录在控制台中（在我们的示例中为Google）。

如果所有 Promise 都失败，Promise.any则会引发新型错误：AggregateError。

AggregateError 对象代表一个错误，其中多个错误包含在一个错误中。

结果如下：

e.errors 是 errors 对象的数组

数字分隔符

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

这个东西有什么用呢？

它让我们的代码更具有可读性

比如下面一个例子

总结

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

• https://babeljs.io/docs/en/babel-plugin-proposal-logical-assignment-operators
• https://babeljs.io/docs/en/babel-plugin-proposal-numeric-separator

关于

• 本文首发于 https://cloud.tencent.com/developer/article/1783447