$1等捕获组引用仅在replace()字符串替换中生效，表示对应括号匹配内容；模板插值必须用函数回调获取数据，$1仅用于提取key，无法动态关联变量值。

可以利用 String.prototype.replace() 的捕获组引用（如 $1、$2）实现轻量级模板替换，核心在于正则表达式匹配 + 动态插值，无需引入外部库。

理解 $1 等捕获组引用的含义

$1 表示正则中第一个 () 捕获组匹配到的内容，$2 是第二个，依此类推；$& 表示整个匹配项，$` 和 $' 分别是匹配前/后的字符串。它们只在 replace() 的替换字符串中生效（非函数回调时）。

• 例如："hello world".replace(/(hello) (world)/, "$2, $1") → "world, hello"
• 注意：$ 后必须紧跟数字，且不能超出捕获组数量，否则原样保留（如 $9 在只有 2 个组时就是字面量 $9）

用 $1 实现简单变量插值模板

将模板中形如 {{key}} 的占位符转为带捕获组的正则，再用 $1 引用对应 key 的值 —— 关键是把 key 提取出来，再查表替换。

• 写法示例：template.replace(/{{(w+)}}/g, (_, key) => data[key] ?? '')（推荐函数回调，更灵活）
• 若坚持用字符串替换（如固定字段），可构造映射关系：str.replace(/{{(name)}}/, "$1").replace(/{{(age)}}/, "$1") 不行 —— 因为 $1 总指向当前正则的捕获内容，但无法动态关联 data；所以纯字符串替换仅适用于“模式固定、值也固定”的场景（比如统一把所有 {{date}} 替换为 "2024-06-15"）
• 真正实用的是结合回调函数：每次匹配触发函数，参数 _ 是完整匹配，key 是第一个捕获组，直接返回 data[key]

支持嵌套结构与转义的健壮处理

真实模板常需处理转义（如 {{name}} 不替换）、多层嵌套或过滤器（如 {{name|upper}}）。此时单靠 $1 不够，需正则配合逻辑判断。

• 转义：先匹配 \{{...}} 并还原为 {{...}}，再处理正常 {{...}}，避免误替换
• 过滤器支持：用正则 /{{(w+)(?:|(w+))?}}/，捕获 key 和 filter，回调中根据 filter 调用对应函数：filters[filter]?.(data[key]) || data[key]
• 避免正则注入：若 key 来自用户输入，不要拼接进正则字面量；应使用 new RegExp(...) 并对特殊字符转义

对比函数回调与字符串替换的适用场景

虽然问题聚焦 $1，但实际开发中，字符串替换（如 replace(regex, "$1 $2")）仅适合格式重排；而模板引擎本质是“按名取值”，必须依赖回调函数获取上下文数据。

• 用字符串替换：适合日志格式化、URL 重写等“结构已知、内容静态”任务，例如 url.replace(/^/user/(d+)/(w+)/, "/api/v1/users/$1?role=$2")
• 用函数回调：才是模板引擎正解，$1 在这里只是帮你提取 key 的工具，真正插值靠函数体内的逻辑
• 性能提示：多次 replace 连用不如一次正则 + 单次回调，避免重复遍历字符串