首页 > web前端 > js教程 > 正文

javascript的ES12是什么_它有哪些新特性?

夜晨
发布: 2025-12-21 11:24:07
原创
955人浏览过
ES12(ECMAScript 2021)新增数字分隔符、replaceAll、Promise.any及逻辑赋值运算符,提升可读性、字符串处理、异步容错与条件赋值能力。

javascript的es12是什么_它有哪些新特性?

ES12 是 ECMAScript 2021 的正式代号(注意:不是 2024 或 2025 年版本,官方发布时间为 2021 年 6 月),是 JavaScript 语言标准的第 12 个主要版本。它聚焦于提升开发体验、增强表达力和填补实用场景空白,多数特性已在现代浏览器和 Node.js(v16+)中稳定支持。

数字分隔符:让长数字一目了然

在数字字面量中用下划线 _ 分隔数字位,不改变值,只提升可读性。解析时自动忽略下划线。

  • ✅ 正确写法: 1_000_0000xFF_FF_00123_456.789_019_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(含所有错误)。

故事AI绘图神器
故事AI绘图神器

文本生成图文视频的AI工具,无需配音,无需剪辑,快速成片,角色固定。

故事AI绘图神器 77
查看详情 故事AI绘图神器

立即学习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 是 nullundefined 时赋值)

以上就是javascript的ES12是什么_它有哪些新特性?的详细内容,更多请关注php中文网其它相关文章!

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号