ES2021 新特性解读，提升你的代码能力！

2024-01-22 23:11:10

ES2021（ES12）：助你驾驭新特性，提升代码能力！

ES2021，又称 ECMAScript 语言规范第 12 版，带来了令人兴奋的新特性，旨在提升 JavaScript 的功能性和表现力。从字符串处理到异步编程，再到内存管理，ES2021 为开发者提供了各种工具，以编写更强大、更高效的代码。

字符串处理利器：#replaceAll

以往替换字符串需要使用复杂的正则表达式，而现在，#replaceAll 方法让一切都变得简单。它允许你用一个全新的子字符串替换字符串中的所有匹配项，无论它们出现多少次。

const text = "JavaScript is a powerful language.";
console.log(text.replaceAll("JavaScript", "ES2021")); // 输出："ES2021 is a powerful language."

异步编程新星：#Promise.any

#Promise.any 方法为处理异步操作带来了全新的维度。它接受一个可迭代的 Promise 对象，并在其中任意一个 Promise 完成时立即返回。这使得并行执行异步任务成为可能，从而大幅提升代码执行效率。

const promises = [
  fetch("https://example.com/1"),
  fetch("https://example.com/2"),
  fetch("https://example.com/3"),
];

Promise.any(promises).then((response) => {
  console.log(response); // 输出：第一个完成的响应
});

内存管理神器：#WeakRef 和 #FinalizationRegistry

#WeakRef 和 #FinalizationRegistry 共同提升了 JavaScript 的内存管理能力。#WeakRef 允许你创建对对象的弱引用，当该对象不再被任何强引用引用时，它将被自动释放。而 #FinalizationRegistry 则允许你注册一个回调函数，当一个对象被垃圾回收时，该函数将被调用。

const obj = { name: "John" };

const weakRef = new WeakRef(obj);
const finalizationRegistry = new FinalizationRegistry((heldValue) => {
  console.log("对象已销毁！");
});

finalizationRegistry.register(obj, "foo");

obj = null; // 将 obj 设置为 null，解除强引用