JavaScript 正则表达式分组匹配与反向引用详解

// 测试环境：Chrome 浏览器
var str = "ABCDE";
// 该正则包含4个分组：
// (A+) -> 第1组
// ((B|C|D)+) -> 第2组（外层）
// (B|C|D) -> 第3组（内层）
// (E+) -> 第4组
var reg = /(A+)((B|C|D)+)(E+)/gi;

// 执行匹配
str.match(reg); // 返回 ["ABCDE"]
reg.exec(str);

// 查看捕获内容
console.log("全局数组匹配结果:", RegExp.$0); // "ABCDE"
console.log("第1组 (A+):", RegExp.$1);      // "A"
console.log("第2组 ((B|C|D)+):", RegExp.$2);    // "BCD"
console.log("第3组 (B|C|D):", RegExp.$3);      // "D" (最后一轮匹配的子项)
console.log("第4组 (E+):", RegExp.$4);        // "E"

var text = "99-3933";
// 逻辑说明：
// ([\\d]) : 分组1，捕获任意单个数字。
// \\1     : 引用分组1捕获的数字，确保紧随其后的是同样的数字。
// [-]     : 匹配中间的横线分隔符。
// ([3])   : 分组2，捕获固定字符'3'。
// \\2     : 引用分组2，即必须再次出现'3'。
// {2}     : 这里的量词应用在\\2上，意为后面紧跟的两个字符都必须是'3'（总共再出现两次3）。

// 注意：为了跨语言/平台兼容性建议将转义符加倍以防字符串解析冲突，在 JS 中直接写 \\1 即可
var pattern = /([\\d])\\1[-]([3])\\2{2}/;
var isMatched = pattern.test(text); 
console.log(isMatched); // 输出 true

var complexStr = "99-393399-3933";
/**
 * 分析此模式：(([\\d])\\2[-]([3])\\2\\3{2})\\1
 */
function validatePattern(input) {
    var re = /^(([\\d])\\2[-]([3])\\2\\3{2})\1$/; // 增加首尾断言确保整串匹配
    return re.test(input);
}
// 此段逻辑展示了深层嵌套与整体结构的重复约束
validatePattern(complexStr); // 需依据具体业务场景调试

var keyword = "keywords";
var sourceText = " I am a text, and I have a keywords before this";

// 使用构造函数构造正则，方便变量注入
var dynamicReg = new RegExp("(" + keyword + ")", "gi");

// 替换逻辑：找到匹配的分组($1)，用 span 包裹起来并应用颜色样式
var highlightedText = sourceText.replace(dynamicReg, '$1');

console.log(highlightedText);
// 预期结果： " I am a text, and I have a keywords before this"