JS正则表达式|匹配逻辑疑问：组合正则匹配结果为何不符预期？

哈哈，你这个问题其实是踩了两个小坑：正则写法的转义错误，还有对|分支匹配逻辑的误解，咱们一步步捋清楚～

首先先纠正你测试代码里的核心问题：你混淆了字符串字面量和正则字面量的写法，test()是正则对象的方法，不能直接用字符串调用，而且字符串里的转义和正则内部的转义规则完全不一样，这直接导致你前两个测试的结果不符合预期。

先看你原本的测试代码，咱们先把它改成正确的写法，再分析：

// 正确的正则字面量写法，避免转义混乱
console.log(/\/ab\//.test('"/ad/"')); // false，字符串里没有"/ab/"这个子串
console.log(/\/[^\/]*/.test('"/ad/"')); // true，字符串里的"/ad"符合"/任意非/字符"的规则
console.log(/\/ab\/|\/[^\/]*/.test('"/ad/"')); // true，匹配了右边的分支

为什么前两个单独测试和组合测试结果不一样？ #

你之前的错误写法里，用字符串表示正则时，没有正确转义元字符（比如括号），导致单独测试的正则实际不是你想要的表达式。而组合后的正则因为|的分支逻辑，刚好让右边的表达式匹配到了字符串里的子串，所以返回true。

正则|的核心匹配逻辑 #

|是正则的分支选择符，它的优先级是最低的——也就是说，正则会从左到右依次尝试每个分支：

• 先完全尝试匹配|左边的整个表达式，如果能在字符串中找到匹配的内容，就直接返回true；
• 如果左边分支匹配失败，再尝试右边的分支，只要其中一个分支匹配成功，整个正则就返回true。

你想要的正则该怎么写？ #

如果你想匹配的是完整的/ab/格式，或者**/任意不含/的内容/格式**，可以分两种情况：

• 如果你要匹配整个字符串就是这种格式：

  const regex = /^\/ab\/$|^\/[^\/]+\/$/;
  console.log(regex.test('/ab/')); // true
  console.log(regex.test('/ad/')); // true
  console.log(regex.test('/a/d/')); // false（中间有/，不符合规则）
  

• 如果你只是想在字符串中找到这种格式的子串：

  const regex = /\/ab\/|\/[^\/]+\//;
  console.log(regex.test('我是/test/，还有/ab/')); // true
  

再回头看你最初的误区 #

你以为单独测试/[^/]*不匹配，但实际是因为你用字符串写正则时转义错误，导致正则本身不符合预期。而加上|后，右边的分支刚好绕过了这个错误（或者说刚好匹配到了子串），所以出现了看似矛盾的结果。

内容的提问来源于stack exchange，提问作者XWX