正则表达式中的?= 、?: 、?! 的理解

要理解?=和?!，首先需要理解前瞻，后顾，负前瞻，负后顾四个概念：

// 前瞻：
exp1(?=exp2) 查找exp2前面的exp1
// 后顾：
(?<=exp2)exp1 查找exp2后面的exp1
// 负前瞻：
exp1(?!exp2) 查找后面不是exp2的exp1
// 负后顾：
(?<!exp2)exp1 查找前面不是exp2的exp1

举例：

'中国人'.replace(/(?<=中国)人/, 'rr') // 匹配中国人中的人，将其替换为rr，结果为 中国rr
'法国人'.replace(/(?<=中国)人/, 'rr') // 结果为 法国人，因为人前面不是中国，所以无法匹配到

要理解?:则需要理解捕获分组和非捕获分组的概念

()表示捕获分组，()会把每个分组里的匹配的值保存起来，使用$n(n是一个数字，表示第n个捕获组的内容)
(?:)表示非捕获分组，和捕获分组唯一的区别在于，非捕获分组匹配的值不会保存起来

举例：

// 数字格式化 1,123,000
'1234567890'.replace(/\B(?=(?:\d{3})+(?!\d))/g, ',') // 结果：1,234,567,890，匹配的是后面是3*n个数字的非单词边界(\B)

上面的知识点又叫环视，查找的东西不会占据位置，只是查找配位的位置

(?=…) 肯定顺序环视，子表达式能匹配右侧的文本;

(?!..) 否定顺序环视，子表达式不能匹配右侧的文本;

(?<=…) 肯定逆序环视，子表达式能匹配左侧的文本;

(?<!..) 否定逆序环视，子表达式不能匹配左侧的文本.