ES12(ECMAScript 2021)新增数字分隔符、replaceAll、Promise.any及逻辑赋值运算符,提升可读性、字符串处理、异步容错与条件赋值能力。

ES12 是 ECMAScript 2021 的正式代号(注意:不是 2024 或 2025 年版本,官方发布时间为 2021 年 6 月),是 JavaScript 语言标准的第 12 个主要版本。它聚焦于提升开发体验、增强表达力和填补实用场景空白,多数特性已在现代浏览器和 Node.js(v16+)中稳定支持。
数字分隔符:让长数字一目了然
在数字字面量中用下划线 _ 分隔数字位,不改变值,只提升可读性。解析时自动忽略下划线。
-
✅ 正确写法:
1_000_000、0xFF_FF_00、123_456.789_01、9_007_199_254_740_991n -
❌ 错误写法: 开头或结尾加下划线(如
_100)、连续多个下划线(如1__00)、紧邻小数点(如3._14)
String.prototype.replaceAll:一次替换全部匹配项
不用正则也能全局替换字符串,比 replace() 更直观安全。
- 直接传字符串即可:
'a a a'.replaceAll('a', 'b')→'b b b' - 若传正则,必须带 g 标志,否则抛
TypeError:'a a'.replaceAll(/a/g, 'x')✅;/a/❌ - 不修改原字符串,返回新字符串 —— 符合函数式习惯
Promise.any:只要一个成功就“赢”
与 Promise.race 类似但语义更明确:等待任意一个 Promise 成功(fulfilled),忽略失败;全失败才拒绝,并抛出 AggregateError(含所有错误)。
立即学习“Java免费学习笔记(深入)”;
- 适用场景:请求多个镜像 API、竞速加载资源、降级兜底策略
- 示例:
Promise.any([fetch('/api1'), fetch('/api2')])在任一请求成功时立即 resolve 结果 - 注意:被拒绝的 Promise 不会中断其他运行,仅影响最终结果判定
逻辑赋值运算符:简化条件赋值逻辑
把判断和赋值合并成一个操作,代码更紧凑且不易出错。
-
x ||= y→ 等价于if (!x) x = y(x 为 falsy 时才赋值) -
x &&= y→ 等价于if (x) x = y(x 为 truthy 时才赋值) -
x ??= y→ 等价于if (x == null) x = y(仅当 x 是null或undefined时赋值)











