ECMAScript 2021，也称 ES12，是 JavaScript 语言的最新版本。本文将带您了解 ES12 中的新的语法特性并提供相应的代码示例。
1. 数字分隔符
在 ES12 中，我们可以使用 _ 来分隔数字。这个特性使得我们可以更方便地阅读和理解大数字。
const billion = 1_000_000_000; // 1,000,000,000
2. 字符串 replaceAll 方法
在 ES12 中，字符串新增了 replaceAll() 方法，它可以替换所有匹配的子字符串，而不仅仅是第一个。
const str = "JavaScript is awesome! JavaScript is fantastic!";
const newStr = str.replaceAll("JavaScript", "TypeScript");
console.log(newStr); // "TypeScript is awesome! TypeScript is fantastic!"3. Promise.any 方法
Promise.any() 方法接收一个 Promise 数组并返回一个 Promise，只要任意一个 Promise 成功，返回的 Promise 就会立即解析。
-- -------------------- ---- ------- ------------- --------------------- ---- ----------------------- ---- ----------------------- --- -------------- -- - -------------------- -- ------- -- -------------- -- - ------------------- -- ---------------- --- -------- ---- --------- ---
4. WeakRef 和 FinalizationRegistry
WeakRef 可以用来创建弱引用对象，它不会阻止垃圾回收器将对象清理掉。FinalizationRegistry 则用于注册回收对象时需要执行的一些操作。
-- -------------------- ---- ------- --- ------ - - ----- ------- -- ----- --- - --- ---------------- ------ - ----- -- ------------- ----- -------- - --- ------------------------ -- - ------------------- ---- --- ------ --- ---- ------- ------ --- ---------------------- ----------
5. 函数式更新
ES12 允许我们在对象和数组的更新时使用函数式更新。
对象中的函数式更新
const person = { name: "Alice", age: 30 };
const updatedPerson = {
...person,
age: person.age + 1
};
console.log(updatedPerson); // { name: "Alice", age: 31 }可以使用函数式更新进行重构。
-- -------------------- ---- -------
----- ------ - - ----- -------- ---- -- --
----- ------------ - -------- ------- -- -
------ -
----------
-----------------
--
--
----- ------------- - -------------------- -- --- -- -- -- ---- --- - - ----
--------------------------- -- - ----- -------- ---- -- -数组中的函数式更新
const numbers = [1, 2, 3]; const updatedNumbers = numbers.map(num => num * 2); console.log(updatedNumbers); // [2, 4, 6]
可以使用函数式更新进行重构。
-- -------------------- ---- ------- ----- ------- - --- -- --- ----- ------------- - --------- ------- -- - ------ --------------- -- ------------- -- ----- -------------- - ---------------------- --- -- --- - --- ---------------------------- -- --- -- --
总结
ES12 中的新特性包括数字分隔符、字符串 replaceAll() 方法、Promise.any() 方法、WeakRef 和 FinalizationRegistry、以及函数式更新。这些特性使得 JavaScript 更加便利和实用，提高了开发效率。我们可以在项目中尝试使用这些功能，以提升代码品质和开发速度。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64fdc64195b1f8cacdcf8792