什么是'|' （管道字符）是指正则表达式？

Question

这个正则表达式来自JQuery，|表示or，但是包含哪两个部分可供选择？

/^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/

是[^>]*$ | #([\w\-]*)$或(<[\w\W]+>)[^>]*$ | #([\w\-]*)$)或其他什么？

Answer 1

[^#<]*(<[\w\W]+>)[^>]*$和#([\w\-]*)$

Debuggex Demo

Answer 2

简单地说：x|y

匹配x或y。

例如：/green|red/匹配green中的green apple和red中的red apple.

See regular expression on mdn

Answer 3

它是[^#<]*(<[\w\W]+>)[^>]*$或#([\w\-]*)$，并且都在非捕获组中。

/^(?:EXP)$)/ # EXP => A|B

/^(?:A|B)$)/ # A => [^#<]*(<[\w\W]+>)[^>]*$, B => #([\w\-]*)$

/^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/

Answer 4

使用缩进编写多行有助于：

^
(?:
  [^#<]*
  (
    <
    [\w\W]+
    >
  )
  [^>]*
  $
|
  #
  (
    [\w\-]*
  )
  $
)

你的第二个猜测是正确的。 |的优先级低于连接（即在彼此之后写表达式）。