正則表達式中“?”的用法大概有以下幾種

1、直接跟隨在子表達式后面

這種方式是最常用的用法，具體表示匹配前面的一次或者0次，類似于{0,1}，如：abc(d)?可匹配abc和abcd

2、非貪婪匹配

關于貪婪和非貪婪，貪婪匹配的意思是，在同一個匹配項中，盡量匹配更多所搜索的字符，非貪婪則相反。正則匹配的默認模式是貪婪模式，當?號跟在如下限制符后面時，使用非貪婪模式（*,+,?，{n}，{n,}，{n,m}）

如正則表達式 \S+c 匹配字符串aaaacaaaaaaac的結果是aaaacaaaaaaac，而\S+?c則會優先匹配aaaac

3、非獲取匹配

當我們使用正則表達式的時候，捕獲的字符串會被緩存起來以供后續使用，具體表現為每個（）中的表達式所匹配到的內容在進行正則匹配的過程中，都會被緩存下來，如以下代碼

var testReg=/(a+)(b*)c/;
testReg.test('aaaabbbccc');//輸出true
console.log(RegExp.$1);//輸出aaaa
console.log(RegExp.$2);//輸出bbb

但是，如果在子分組中加入?:之后，分組依然成立，但是不會被緩存下來，看以下代碼

var testReg=/(a+)(?:b*)c/;
testReg.test('aaaabbbccc');//輸出true
console.log(RegExp.$1);//輸出aaaa
console.log(RegExp.$2);//輸出""

4、斷言

我們知道，正則表達式中大部分的結構所匹配的文本最終會出現在匹配結果中，但也有一部分結構并不真正匹配文本，而只是負責判斷某個位置左/右側是否符合要求，這種結構被稱為斷言

常用的斷言有以下四種

以下的段落中，我們將統一使用pattern表示斷言的條件

?=pattern和?<=pattern分別表示匹配斷言成立時左側和右側的文本，只有斷言成立了，左側或右側的文本才會被匹配，但斷言所匹配的結果并不會出現在匹配結果中，具體例子可以看以下代碼

var testReg=/test(?=123)/;
var result=testReg.exec('test123');
console.log(result[0])//輸出test
 
var result2=testReg.exec('test12');
console.log(result2)//輸出null

我們可以看到test(?=123)可以匹配到test123中的test，但是并不能匹配test12中的test，對于?<=pattern同理，可以看以下代碼

var testReg=/(?<=123)test/;
var result=testReg.exec('123test');
console.log(result[0])//輸出test
 
var result2=testReg.exec('12test');
console.log(result2)//輸出null

同樣(?=123)test可以匹配到123test中的test，匹配不到12test中的test,并且匹配結果同樣不包含斷言

對于?!pattern和?<!pattern可以看成是上面兩個表達式的取反，分別匹配斷言不成立時的左側和右側文本，具體可以看以下代碼

var testReg=/test(?!123)/;
var result=testReg.exec('test123');
console.log(result)//輸出null
 
var result2=testReg.exec('test12');
console.log(result[0])//輸出test
var testReg=/(?<!123)test/;
var result=testReg.exec('123test');
console.log(result)//輸出null
 
var result2=testReg.exec('12test');
console.log(result2[0])//輸出test

如上我們可以看到這個時候要匹配到左側或者右側的test，需要括號里的斷言不成立時，才能匹配的到了

參考資料：

https://blog.csdn.net/u014762221/article/details/68953155

https://www.jianshu.com/p/08c2fa742c1b