|在JavaScript正则中表示分支“或”，但优先级最低，需用括号明确作用域，否则易误匹配；字符类中|无逻辑意义，量词作用于右侧分支而非整体。
JavaScript中正则表达式的|（管道符）表示“或”逻辑，但它**不是全局生效的简单分隔符**，而是有明确的**作用范围和优先级**——它会把整个正则分成左右两个分支，且优先级极低，几乎最低，会跨过大多数结构（如量词、分组边界），容易导致意料之外的匹配行为。
管道符绑定的是整个“分支”，不是单个字符
很多人误以为 a|b+ 表示“匹配 a 或多个 b”，实际它等价于 (a)|(b+)，即“匹配 a”或“匹配一个或多个 b”。但若写成 ab|cd，就表示“匹配 ab”或“匹配 cd”，而不是“a 后跟 (b 或 c) 再跟 d”。
常见误区示例：
-
/^cat|dog$/→ 匹配 "cat"（开头）或 "dog"（结尾），不是“以 cat 开头或以 dog 结尾”，更不是“cat 或 dog”整词匹配；因为^只管左边分支，$只管右边分支。 - 正确写法应为：
/^(cat|dog)$/，用括号明确限定作用域。
必须用括号显式控制作用范围
| 的作用域默认延伸到最近的正则边界（如字符串起止、嵌套括号外层），所以几乎所有涉及 OR 的实用场景都需要手动加括号，否则逻辑会错乱。
例如：
- 想匹配 “jpg”、“jpeg” 或 “png”：
/\.jpe?g|png/❌ —— 它匹配.jpg、.jpeg或png（无点号！）；/\.(jpe?g|png)/✅ —— 点号被共享，括号确保三种扩展名都在同一上下文中。 - 匹配带或不带 http:// 的 URL：
/(http:\/\/)?example\.com/比/http:\/\/|example\.com/合理得多；后者会匹配任意含http://的字符串，或任意含example.com的字符串，完全失去关联性。
在字符类（[...]）里不能用 |
方括号 [...] 表示字符集合，内部是“任一字符”，不是正则子表达式。因此 | 在其中**失去 OR 含义，只当作字面量竖线字符**（除非转义，但也没意义）。
比如：
-
/[a|b]/匹配的是字符a、|或b，不是“a 或 b”； - 要表达“a 或 b”，直接写
[ab]即可； - 要匹配字面量
|，在字符类中无需转义（[|]），在外部需写\|。
与量词结合时注意作用对象
| 优先级低于所有量词（*、+、?、{n,m}），所以 a|b+ 是 (a)|(b+)，而非 (a|b)+。
若想表达“一个或多个 a 或 b”，应写：/[ab]+/（字符类）或 /(a|b)+/（分支+量词）；
若写 /a|b+/，只会匹配单独的 a，或一串 b（如 "bbb"），不会匹配 "ab" 或 "ba"。
不复杂但容易忽略：管道符不是语法糖，它是正则语法树里的一个分支节点，它的“势力范围”必须靠括号画清楚，否则 JavaScript 引擎按标准优先级规则拆解，结果往往和直觉相反。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
