ECMAScript 2021 特性

缺乏、安全感 2022-10-10 01:56 95阅读 0赞

[ECMAScript 2021][] 现已获得 ECMA International[ ][Link 1]的[批准][Link 2]。ECMAScript 是标准化的 JavaScript 语言，于 1997 年发布了第一版，现已发展成为世界上使用最广泛的通用编程语言之一。

本 Ecma 标准定义了 ECMAScript 2021 Language，是 ECMAScript 语言规范的第 12 版。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2VqaW54aWFu_size_16_color_FFFFFF_t_70][]

ECMAScript 2021 主要包含内容：

**String.prototype.replaceAll**

此前，如果想要替换所有的 string occurrences，则需要使用 String.prototype.replace 和全局 regexp 的组合。现在，[String.prototype.replaceAll][]简化了这一点。

const string = "it-is-just-a-test";
    
    // instead of doing this string.replace(/-/g, "_")
    // "it_is_just_a_test" 
    // in ES2021 we can do string.replaceAll("-", "_")
    // "it_is_just_a_test"

**AggregateError**

一种新的 error type ，用于同时表示多个 error。

**Promise.any**

将 Promise.any 加入了 2021 年规范中的 Promise combinators 列表。当你想处理第一个 fulfills 的 Promise 时，可以使用 Promise.any。与 Promise.race 不同，当其中一个 promises fail 时，它不会 reject。更多详情可查看“[Promise combinators explained][]”。

const API = "https://api.github.com/users"
    
    Promise.any([
      fetch(`${API}/pawelgrzybek`),
      fetch(`${API}/gabriel403`)
    ])
      .then(response => response.json())
      .then(({name}) => console.log(`Cool dude is: ${name}`))
      .catch(error => console.error(error));

![fdbe6a577102db31e75fc6983ceb2d1a.png][]

WeakRefs

WeakRefs 提案为语言带来了两个新的 contructors：WeakRef 和 FinalizationRegistry。这些新功能是更复杂、更低级的语言概念。

**1、WeakRef**

当将一个对象分配给一个变量时，它指向存储这个对象的值的那块内存（强引用）。如果程序不再引用这个对象，garbage collector 会销毁它并回收内存。WeakRef 的一个实例创建了一个对给定对象的引用，如果该对象仍然在内存中，则返回该对象；如果目标对象已经被垃圾回收，则返回未定义的对象。

const obj = { spec: "ES2021" };
    const objWeakRef = new WeakRef(obj);
    
    // do something cool 
    objWeakRef.deref();
    // returns obj in case it is still in memory // returns undefined in case it has been garbage collected

**2、FinalizationRegistry**

FinalizationRegistry 的实例在注册的目标对象被垃圾收集后触发回调函数。

值得注意的是，官方提示要尽量避免使用 `WeakRef` 和 `FinalizationRegistry`，垃圾回收机制依赖于 JavaScript 引擎的实现，不同的引擎或是不同版本的引擎可能会有所不同。

Logical Assignment Operators

顾名思义，逻辑赋值运算符是逻辑运算符（&&, || and ??）和赋值运算符（=）的组合。

// set a to b only when a is truthy a &&= b;

// set a to b only when a is falsy a ||= b;

// set a to b only when a is nullish a ??= b;

Numeric separators

数字的可读性随着数字长度的增加而降低。现在，则可以使用下划线（\_, U+005F）来分隔数字组，使得长数字更加清晰可读。这个功能在 Java、Python、Perl、Ruby、Rust、Julia、Ada、C\# 等其他编程语言中也很有名。

const population = 37_653_260

具体可查看：

*  [https://tc39.es/ecma262/2021/][https_tc39.es_ecma262_2021]
 *  [ECMA-262\_12th\_edition\_june\_2021.pdf][ECMA-262_12th_edition_june_2021.pdf]

[ECMAScript 2021]: https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Ftc39.es%2Fecma262%2F2021%2F
[Link 1]: https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fwww.ecma-international.org%2Fnews%2Fecma-international-approves-new-standards-4%2F
[Link 2]: https://www.ecma-international.org/news/ecma-international-approves-new-standards-4/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2VqaW54aWFu_size_16_color_FFFFFF_t_70]: /images/20221005/b90ad90887074a6494dac1c55b915fed.png
[String.prototype.replaceAll]: https://github.com/tc39/proposal-string-replaceall
[Promise combinators explained]: https://pawelgrzybek.com/promise-combinators-explained/
[fdbe6a577102db31e75fc6983ceb2d1a.png]: /images/20221005/5c695d9d21e94629a5d4de10f8fa76a4.png
[https_tc39.es_ecma262_2021]: https://tc39.es/ecma262/2021/
[ECMA-262_12th_edition_june_2021.pdf]: https://www.ecma-international.org/wp-content/uploads/ECMA-262_12th_edition_june_2021.pdf