我在讀jQuery代碼的時候, 看到一個Regex定義
rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>)?$/
rsingleTag用來匹配簡單的html標籤,
其中有一段非捕獲分組:
(?:<\/\1>)
, 問題來了:
為什麼要用非捕獲分組, 不用的話又怎麼樣?
例如這個Regex中也用到你非捕獲分組:
rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/
為什麼要用非捕獲分組?
在Regex的哪個位置用?
回複內容:
我在讀jQuery代碼的時候, 看到一個Regex定義
rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>)?$/
rsingleTag用來匹配簡單的html標籤,
其中有一段非捕獲分組:(?:<\/\1>)
, 問題來了:
為什麼要用非捕獲分組, 不用的話又怎麼樣?
例如這個Regex中也用到你非捕獲分組:
rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/
為什麼要用非捕獲分組?
在Regex的哪個位置用?
那就反問下自己非捕獲分組是什麼,從哪裡知道的這個「名詞」?
那麼問題來了,非捕獲性分組是幹嘛的?
是你不想被捕獲到的分組,在js中,一個小括弧包起來的字元就是一個分組。在寫正則的時候有時候必須用小括弧來對一組同類型的字元進行分組,例如 /(abc){3}/
,abc三個字母匹配三次,abc就是同類型的字元。但是在match或者exec或者replace等等方法中並不需要這一組字元,於是就不捕獲咯。想一想下面這個需求
有一段字串,使用 n 個 abcd 加一段其他字元組成的,現在我想要n個abcd後面的字串怎麼寫
例如 abcdabcdabcdefg
,想要的是 efg
'abcdabcdabcdefg'.match(/(abcd)+(.+)/) => ["abcdabcdabcdefg", "abcd", "efg"]'abcdabcdabcdefg'.match(/(?:abcd)+(.+)/) => ["abcdabcdabcdefg", "efg"]
不寫好像也能獲得,但是當你正則寫的特別長的時候,會出現一堆沒用的結果,看著都頭疼吧。
=============
再補句話,你問這些問題的時候,自己把控制台調出來,把加了?:和沒加的結果輸出一遍不就知道了。