ECMAScript 2021（简称 ES2021）是 JavaScript 语言的最新标准，其中包含了许多新特性和语法糖。这些新特性和语法糖，可以让开发者更加方便地处理代码逻辑、加速开发效率，也能提高代码可读性和可维护性。在本文中，我们将会深入探讨 ES2021 的一些语法糖，同时展示其指导意义和示例代码。
一、数字分隔符（Numeric Separators）
在 ES2021 中，我们可以使用 _ 来分隔长数字的位数，提高数字的可读性。下面是一个例子：
const billion = 1_000_000_000; const budget = 10_000_000.00;
在上面的代码中，我们可以看到 _ 被用来分隔了数字位数。这个特性在数字很大或者很长时，更能突出数字本身，避免出现语法错误。
二、逻辑运算符赋值（Logical Assignment Operators）
ES2021 引入了逻辑运算符赋值，可以在一行中同时进行逻辑运算和赋值操作，进一步简化开发流程。这个特性，包括 ||=、&&= 和 ??=。
2.1 ||= 运算符
||= 运算符，也被称为逻辑或赋值运算符。它用于在变量为 falsy 值时，使用默认值取代其值。下面是一个示例：
-- -------------------- ---- ------- --- - - -- - --- -- --------------- -- - - - ---------- - --- -- --------------- -- -
解释：当 a 是一个 falsy 值时，它会被重新赋值为 2。
2.2 &&= 运算符
&&= 运算符，也被称为逻辑与赋值运算符。它用于在变量为 truthy 值时，使用默认值跳过其值。下面是一个示例：
-- -------------------- ---- ------- --- -- - --- -- --------------- -- --------- - - -- - --- -- --------------- -- -
解释：当 a 为 truthy 值时，它会被赋值为 2。
2.3 ??= 运算符
??= 运算符，也被称为空值合并赋值运算符。它用于检测变量是否是 null 或 undefined，如果是，则使用默认值取代其值。下面是一个示例：
-- -------------------- ---- ------- --- -- - --- -- --------------- -- - - - -- - --- -- --------------- -- -
解释：在变量为 null 或 undefined 时，它会被重新赋值为 2。
三、字符串 replaceAll()
ES2021 扩展了字符串的替换方法，增加了 replaceAll() 方法，可以快速替换字符串的所有匹配项。下面是一个示例：
const str = 'foofoofoo';
console.log(str.replaceAll('foo', 'bar')); // 'barbarbar'在上面的代码中，replaceAll() 方法将字符串 foofoofoo 中的所有 foo 替换成了 bar。
四、Promise.any()
Promise.any() 是 ES2021 中引入的全新 API，用于处理多个 Promise 状态，只需要其中一个状态为 fulfilled 状态就可以返回结果。下面是一个示例：
-- -------------------- ---- ------- ----- -------- - - --- ----------------- ------- -- ------------- -- ---------- ------- --- ----------------- ------- -- ------------- -- ---------- ------- --- ----------------- ------- -- ------------- -- ----------- ------ -- --------------------- ------------ -- -------------------- ------------ -- -------------------- -- -
在上面的代码中，Promise.any() 方法接受一个 Promise 的数组作为参数，如果有一个 Promise 状态为 fulfilled 状态，那么就可以立即返回执行结果。如果每个 Promise 都是 rejected 状态，那么只能返回一个 AggregateError，其中包含所有拒绝原因。
五、总结
本文详细介绍了在 ES2021 中引入的一些新特性和语法糖，包括数字分隔符、逻辑运算符赋值、字符串 replaceAll() 方法以及 Promise.any() 等。这些新特性和语法糖，能够有效地优化代码开发效率，提升代码可读性和可维护性。无论是刚刚接触 JavaScript 的新手还是经验丰富的开发者，在学习和了解 ES2021 的时候，这些特性和语法糖无疑会给予很多帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65ac7f25add4f0e0ff613582