匹配規則
一、字面量字符
大部分字符在正則表達式中，就是字面的含義，比如/a/匹配a，/b/匹配b。如果在正則表達式之中，某個字符只表示它字面的含義（就像前面的a和b），那么它們就叫做“字面量字符”
/dog/.test('old dog') // true
上面代碼中正則表達式的dog，就是字面量字符，所以/dog/匹配old dog，因為它就表示d、o、g三個字母連在一起。
二、元字符
除了字面量字符以外，還有一部分字符有特殊含義，不代表字面的意思。它們叫做“元字符”（metacharacters），主要有以下幾個。
- 點字符（.)
點字符（.）匹配除回車（\r）、換行(\n) 、行分隔符（\u2028）和段分隔符（\u2029）以外的所有字符。注意，對於碼點大於0xFFFF的 Unicode 字符，點字符不能正確匹配，會認為這是兩個字符。
/c.t/
上面代碼中，c.t匹配c和t之間包含任意一個字符的情況，只要這三個字符在同一行，比如cat、c2t、c-t等等，但是不匹配coot
- 位置字符
位置字符用來提示字符所處的位置，主要有兩個字符。
^ 表示字符串的開始位置
$ 表示字符串的結束位置
test必須出現在開始位置
/^test/.test('test123') // true
test必須出現在結束位置
/test$/.test('new test') // true
從開始位置到結束位置只有test
/^test$/.test('test') // true
/^test$/.test('test test') // false
- 選擇符（|）
豎線符號（|）在正則表達式中表示“或關系”（OR），即cat|dog表示匹配cat或dog。
正則表達式指定必須匹配11或22。
/11|22/.test('911') // true
多個選擇符可以聯合使用。 匹配fred、barney、betty之中的一個
/fred|barney|betty/
選擇符會包括它前后的多個字符，比如/ab|cd/指的是匹配ab或者cd，
而不是指匹配b或者c。如果想修改這個行為，可以使用圓括號。
/a( |\t)b/.test('a\tb') // true
上面代碼指的是，a和b之間有一個空格或者一個制表符。
其他的元字符還包括\\、\*、+、?、()、[]、{}等，將在下文解釋。
表示 a d之間有 個 b 或者 c;
/a(b|c)d/.test('acd');
三、轉義符
正則表達式中那些有特殊含義的元字符，如果要匹配它們本身，就需要在它們前面要加上反斜杠。比如要匹配+，就要寫成+。
/1+1/.test('1+1') // false;
/1\+1/.test('1+1') // true;
上面代碼中，第一個正則表達式之所以不匹配，因為加號是元字符，不代表自身。
第二個正則表達式使用反斜杠對加號轉義，就能匹配成功。
正則表達式中，需要反斜杠轉義的，一共有12個字符：^、.、[、$、(、)、|、*、+、?、{和\。需要特別注意的是，如果使用RegExp方法生成正則對象，轉義需要使用兩個斜杠，因為字符串內部會先轉義一次。
(new RegExp('1\+1')).test('1+1') // false
(new RegExp('1\\+1')).test('1+1') // true
上面代碼中，RegExp作為構造函數，參數是一個字符串。
但是，在字符串內部，反斜杠也是轉義字符，所以它會先被反斜杠轉義一次，然后再被正則表達式轉義一次，
因此需要兩個反斜杠轉義。
四、特殊字符
正則表達式對一些不能打印的特殊字符，提供了表達方法。
- \cX 表示Ctrl-[X]，其中的X是A-Z之中任一個英文字母，用來匹配控制字符。
- [\b] 匹配退格鍵(U+0008)，不要與\b混淆。
- \n 匹配換行鍵。
- \r 匹配回車鍵。
- \t 匹配制表符 tab（U+0009）。
- \v 匹配垂直制表符（U+000B）。
- \f 匹配換頁符（U+000C）。
- \0 匹配null字符（U+0000）。
- \xhh 匹配一個以兩位十六進制數（\x00-\xFF）表示的字符。
- \uhhhh 匹配一個以四位十六進制數（\u0000-\uFFFF）表示的 Unicode 字符。
五、字符類
字符類（class）表示有一系列字符可供選擇，只要匹配其中一個就可以了。所有可供選擇的字符都放在方括號內，比如[xyz] 表示x、y、z之中任選一個匹配。
/[abc]/.test('hello world') // false
/[abc]/.test('apple') // true
上面代碼中，字符串hello world不包含a、b、c這三個字母中的任一個，
所以返回false；字符串apple包含字母a，所以返回true
有兩個字符在字符類中有特殊含義:
(1) 脫字符（^）
如果方括號內的第一個字符是[^]，則表示除了字符類之中的字符，其他字符都可以匹配。
比如，[^xyz]表示除了x、y、z之外都可以匹配。
/[^abc]/.test('hello world') // true
/[^abc]/.test('bbc') // false
上面代碼中，字符串hello world不包含字母a、b、c中的任一個，所以返回true；
字符串bbc不包含a、b、c以外的字母，所以返回false。
-------------------------------------------------------------------------
如果方括號內沒有其他字符，即只有[^]，就表示匹配一切字符，其中包括換行符。
相比之下，點號作為元字符（.）是不包括換行符的。
var s = 'Please yes\nmake my day!';
s.match(/yes.*day/) // null
s.match(/yes[^]*day/) // [ 'yes\nmake my day']
字符串s含有一個換行符，點號不包括換行符，所以第一個正則表達式匹配失敗；
第二個正則表達式[^]包含一切字符，所以匹配成功。
注意，脫字符只有在字符類的第一個位置才有特殊含義，否則就是字面含義。
注意，脫字符只有在字符類的第一個位置才有特殊含義，否則就是字面含義。
（2）連字符（-）
某些情況下，對於連續序列的字符，連字符（-）用來提供簡寫形式，表示字符的連續范圍。比如，[abc]可以寫成[a-c]，[0123456789]可以寫成[0-9]，同理[A-Z]表示26個大寫字母。
/a-z/.test('b') // false
/[a-z]/.test('b') // true
上面代碼中，當連字號（dash）不出現在方括號之中，就不具備簡寫的作用，只代表字面的含義，
所以不匹配字符b。只有當連字號用在方括號之中，才表示連續的字符序列。
[0-9.,]
[0-9a-fA-F]
[a-zA-Z0-9-]
[1-31]
上面都是合法的字符類簡寫形式。
上面代碼中最后一個字符類[1-31]，不代表1到31，只代表1到3。
六、預定義模式
預定義模式指的是某些常見模式的簡寫方式。
\d 匹配0-9之間的任一數字，相當於[0-9]。
\D 匹配所有0-9以外的字符，相當於[^0-9]。
\w 匹配任意的字母、數字和下划線，相當於[A-Za-z0-9_]。
\W 除所有字母、數字和下划線以外的字符，相當於[^A-Za-z0-9_]。
\s 匹配空格（包括換行符、制表符、空格符等），相等於[ \t\r\n\v\f]。
\S 匹配非空格的字符，相當於[^ \t\r\n\v\f]。
\b 匹配詞的邊界。
\B 匹配非詞邊界，即在詞的內部。
\s 的例子 \s表示空格，所以匹配結果會包括空格
/\s\w*/.exec('hello world') // [" world"]
\b表示詞的邊界，所以world的詞首必須獨立（詞尾是否獨立未指定），才會匹配。
/\bworld/.test('hello world') // true
/\bworld/.test('hello-world') // true
/\bworld/.test('helloworld') // false
\B表示非詞的邊界，只有world的詞首不獨立，才會匹配。
/\Bworld/.test('hello-world') // false
/\Bworld/.test('helloworld') // true
通常，正則表達式遇到換行符（\n）就會停止匹配。
var html = "<b>Hello</b>\n<i>world!</i>";
/.*/.exec(html)[0] // "<b>Hello</b>"
字符串html包含一個換行符，結果點字符（.）不匹配換行符，導致匹配結果可能不符合原意。
這時使用\s字符類，就能包括換行符
var html = "<b>Hello</b>\n<i>world!</i>";
/[\S\s]*/.exec(html)[0] // "<b>Hello</b>\n<i>world!</i>"
[\S\s]指代一切字符。
七、重復類
模式的精確匹配次數，使用大括號（{}）表示。{n}表示恰好重復n次，{n,}表示至少重復n次，{n,m}表示重復不少於n次，不多於m次。
/lo{2}k/.test('look') // true
/lo{2,5}k/.test('looook') // true
第一個模式指定o連續出現2次，第二個模式指定o連續出現2次到5次之間。
八、量詞符
量詞符用來設定某個模式出現的次數。
- ?問號表示某個模式出現0次或1次，等同於{0, 1}。
- *星號表示某個模式出現0次或多次，等同於{0,}。
- +加號表示某個模式出現1次或多次，等同於{1,}。
// t 出現0次或1次
/t?est/.test('test') // true
/t?est/.test('est') // true
// t 出現1次或多次
/t+est/.test('test') // true
/t+est/.test('ttest') // true
/t+est/.test('est') // false
// t 出現0次或多次
/t*est/.test('test') // true
/t*est/.test('ttest') // true
/t*est/.test('tttest') // true
/t*est/.test('est') // true
九、貪婪模式
默認情況下都是最大可能匹配，即匹配直到下一個字符不滿足匹配規則為止。這被稱為貪婪模式。
var s = 'aaa';
s.match(/a+/) // ["aaa"]
模式是/a+/，表示匹配1個a或多個a，那么到底會匹配幾個a呢？
因為默認是貪婪模式，會一直匹配到字符a不出現為止，所以匹配結果是3個a。
-----------------------------------------------------------------
如果想將貪婪模式改為非貪婪模式，可以在量詞符后面加一個問號。
var s = 'aaa';
s.match(/a+?/) // ["a"]
模式結尾添加了一個問號/a+?/，這時就改為非貪婪模式，一旦條件滿足，就不再往下匹配。
------------------------------------------------------------------
除了非貪婪模式的加號，還有非貪婪模式的星號（*）
*?：表示某個模式出現0次或多次，匹配時采用非貪婪模式。
+?：表示某個模式出現1次或多次，匹配時采用非貪婪模式。
十、修飾符
修飾符（modifier）表示模式的附加規則，放在正則模式的最尾部。
修飾符可以單個使用，也可以多個一起使用。
// 單個修飾符
var regex = /test/i;
// 多個修飾符
var regex = /test/ig;
（1）g 修飾符
第一次匹配成功后，正則對象就停止向下匹配了。g修飾符表示全局匹配（global），
加上它以后，正則對象將匹配全部符合條件的結果，主要用於搜索和替換。
var regex = /b/;
var str = 'abba';
regex.test(str); // true
regex.test(str); // true
regex.test(str); // true
上面代碼中，正則模式不含g修飾符，每次都是從字符串頭部開始匹配。
所以，連續做了三次匹配，都返回true。
--------------------------------------------------------
var regex = /b/g;
var str = 'abba';
regex.test(str); // true
regex.test(str); // true
regex.test(str); // false
正則模式含有g修飾符，每次都是從上一次匹配成功處，開始向后匹配。
因為字符串abba只有兩個b，所以前兩次匹配結果為true，第三次匹配結果為false。
（2）i 修飾符
默認情況下，正則對象區分字母的大小寫，加上i修飾符以后表示忽略大小寫（ignorecase）。
/abc/.test('ABC') // false
/abc/i.test('ABC') // true
上面代碼表示，加了i修飾符以后，不考慮大小寫，所以模式abc匹配字符串ABC。
（3）m 修飾符
通常，正則表達式遇到換行符（\n）就會停止匹配。
m修飾符表示多行模式（multiline）, 會修改^和$的行為。 默認情況下(即不加m修飾符時),
^和$匹配字符串的開始處和結尾處，加上m修飾符以后，^和$還會匹配行首和行尾，即^和$會識別換行符（\n）。
/world$/.test('hello world\n') // false
/world$/m.test('hello world\n') // true
上面的代碼中，字符串結尾處有一個換行符。如果不加m修飾符，匹配不成功，
因為字符串的結尾不是world；加上以后，$可以匹配行尾。
-----------------------------------------------------------
/^b/m.test('a\nb') // true
上面代碼要求匹配行首的b，如果不加m修飾符，就相當於b只能處在字符串的開始處。
加上b修飾符以后，換行符\n也會被認為是一行的開始。
十一、組匹配
（1）概述
正則表達式的括號表示分組匹配，括號中的模式可以用來匹配分組的內容。
/fred+/.test('fredd') // true
/(fred)+/.test('fredfred') // true
上面代碼中，第一個模式沒有括號，結果+只表示重復字母d，第二個模式有括號，
結果+就表示匹配fred這個詞。
----------------------------------------------------------------------------
var m = 'abcabc'.match(/(.)b(.)/);
正則表達式/(.)b(.)/一共使用兩個括號，第一個括號捕獲a，第二個括號捕獲c。
不宜同時使用g修飾符，否則match方法不會捕獲分組的內容。
var m = 'abcabc'.match(/(.)b(.)/g); // ['abc', 'abc']
-----------------------------------------------------------------------------
正則表達式內部，還可以用\n引用括號匹配的內容，n是從1開始的自然數，表示對應順序的括號。
/(.)b(.)\1b\2/.test("abcabc"); // true
\1表示第一個括號匹配的內容（即a）, \2表示第二個括號匹配的內容（即c）。
/y(..)(.)\2\1/.test('yabcabc') // true
----------------------------------------------------------------------------
括號還可以嵌套。
\1指向外層括號，\2指向內層括號。
/y((..)\2)\1/.test('yabababab') // true
----------------------------------------------------------------------------
組匹配非常有用，下面是一個匹配網頁標簽的例子。
var tagName = /<([^>]+)>[^<]*<\/\1>/;
tagName.exec("<b>bold</b>")[1]; //b
圓括號匹配尖括號之中的標簽，而\1就表示對應的閉合標簽。
----------------------------------------------------------------------------
捕獲帶有屬性的標簽。
var html = '<b class="hello">Hello</b><i>world</i>';
var tag = /<(\w+)([^>]*)>(.*?)<\/\1>/g;
var match = tag.exec(html);
match[1] // "b"
match[2] // " class="hello""
match[3] // "Hello"
match = tag.exec(html);
match[1] // "i"
match[2] // ""
match[3] // "world"
（2）非捕獲組
(?:x)稱為非捕獲組（Non-capturing group），表示不返回該組匹配的內容，即匹配的結果中不計入這個括號。
非捕獲組的作用請考慮這樣一個場景，假定需要匹配foo或者foofoo，
正則表達式就應該寫成/(foo){1, 2}/，但是這樣會占用一個組匹配。
這時，就可以使用非捕獲組，將正則表達式改為/(?:foo){1, 2}/，
它的作用與前一個正則是一樣的，但是不會單獨輸出括號內部的內容。
var m = 'abc'.match(/(?:.)b(.)/); // ["abc", "c"]
一共使用了兩個括號。其中第一個括號是非捕獲組，
所以最后返回的結果中沒有第一個括號，只有第二個括號匹配的內容。
一共使用了兩個括號。其中第一個括號是非捕獲組，
所以最后返回的結果中沒有第一個括號，只有第二個括號匹配的內容。
---------------------------------------------------------------------------
分解網址的正則表達式。
正常匹配
var url = /(http|ftp):\/\/([^/\r\n]+)(\/[^\r\n]*)?/;
url.exec('http://google.com/'); // ["http://google.com/", "http", "google.com", "/"]
非捕獲組匹配
var url = /(?:http|ftp):\/\/([^/\r\n]+)(\/[^\r\n]*)?/;
url.exec('http://google.com/'); // ["http://google.com/", "google.com", "/"]
上面的代碼中，前一個正則表達式是正常匹配，第一個括號返回網絡協議；后一個正則表達式是非捕獲匹配，返回結果中不包括網絡協議。
----------------------------------------------------------------------------
var url = /(http|ftp):\/\/([^/\r\n]+)(\/[^\r\n#]*)?(#[^\r\n]*)/;
url.exec('http://google.com/web/api/login/abc.thml#top23');
// 返回 ["http", "google.com", "/web/api/login/abc.thml", "#top23"];
（3）先行斷言
x(?=y)稱為先行斷言（Positive look-ahead），x只有在y前面才匹配，y不會被計入返回結果。
比如，要匹配后面跟着百分號的數字，可以寫成/\d+(?=%)/。
“先行斷言”中，括號里的部分是不會返回的。
var m = 'abc'.match(/b(?=c)/);
m // ["b"]
上面的代碼使用了先行斷言，b在c前面所以被匹配，但是括號對應的c不會被返回。
（4）先行否定斷言
x(?!y)稱為先行否定斷言（Negative look-ahead），x只有不在y前面才匹配，y不會被計入返回結果。
比如，要匹配后面跟的不是百分號的數字，就要寫成/\d+(?!%)/
/\d+(?!\.)/.exec('3.14') //["14"]
正則表達式指定，只有不在小數點前面的數字才會被匹配，因此返回的結果就是14。
“先行否定斷言”中，括號里的部分是不會返回的。
--------------------------------------------------------------------------
var m = 'abd'.match(/b(?!c)/);
m // ['b']
上面的代碼使用了先行否定斷言，b不在c前面所以被匹配，而且括號對應的d不會被返回。
參考學習,https://javascript.ruanyifeng.com/stdlib/regexp.html#toc12