String.prototype.replace配合回调函数是最灵活的动态替换方式，能捕获匹配内容并实时计算替换值；回调接收完整匹配、捕获组、索引和原字符串等参数，返回值即为替换结果。
JavaScript 中 String.prototype.replace 配合回调函数，是处理动态替换逻辑最灵活的方式。它不仅能捕获匹配内容，还能根据匹配结果实时计算替换值。
回调函数的基本结构和参数
当 replace 的第二个参数是函数时，该函数会在每次匹配时被调用，接收多个参数：
- 第一个参数：完整匹配的字符串（即整个匹配项）
- 后续参数：依次为每个捕获组（括号内的子表达式）匹配的内容（没有捕获组则无此参数）
- 倒数第二个参数：匹配在原字符串中的起始索引位置
- 最后一个参数：原始输入字符串
例如：'abc123def'.replace(/(\d+)(\w+)/, (match, p1, p2, offset, str) => {...}) 中，match === '123def'，p1 === '123'，p2 === 'def'，offset === 3，str === 'abc123def'。
常用场景与写法示例
实际开发中，常见需求包括大小写转换、数字格式化、模板变量填充等：
你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。 它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在
立即学习“Java免费学习笔记（深入）”；
-
将驼峰命名转为短横线命名：
'myNameIsTom'.replace(/([a-z])([A-Z])/g, (m, p1, p2) => `${p1}-${p2.toLowerCase()}`)→'my-name-is-tom' -
给数字加千位分隔符：
'1234567'.replace(/\d{3}(?=\d)/g, match => `${match},`)（注意需配合更严谨逻辑，如从右向左处理） -
渲染模板占位符：
'Hello {name}, you have {count} messages'.replace(/{(\w+)}/g, (m, key) => ({ name: 'Alice', count: 5 })[key] || '')→'Hello Alice, you have 5 messages'
注意全局匹配与返回值
若正则未加 g 标志，回调只执行一次；加了 g 才对所有匹配调用。回调函数的返回值会作为本次匹配的替换内容——返回什么，就替换成什么。返回 undefined 或不返回，等价于返回 'undefined' 字符串，所以务必显式返回所需字符串。
替代方案：使用数组方法模拟（仅作对比）
虽然 matchAll + Array.from + map 也能实现类似效果，但会丢失原始字符串中非匹配部分的位置信息，重构字符串更繁琐。而 replace 回调天然保持上下文完整，是更直接、更安全的选择。
