正则表达式中的$1, $2, ...的含义

比如我们常用的手机号码脱敏正则

const reg= /(\d{3})\d*(\d{4})/
let phoneNum = "15612345678"
const res = phoneNum.replace(reg, '$1****$2')
console.log(res) // "156****5678"

可以看出，这里的$1对应着'156'，$2对应着'5678'

再试一下

const reg = /(\d{3})(\d{2})(\d*)(\d{4})/
let phoneNum = "15612345678"
const res = phoneNum.replace(reg, '$1****$2****$3****$4')
console.log(res) // "156****12****34****5678"

可以明显看出：

1. $1对应的是正则中(\d{3})匹配到的结果
2. $2对应的是正则中(\d{2})匹配到的结果
3. $3对应的是正则中(\d*)匹配到的结果
4. $4对应的是正则中(\d{4})匹配到的结果

w3c的说明

字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串，然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g，那么 replace() 方法将替换所有匹配的子串。否则，它只替换第一个匹配子串。

replacement 可以是字符串，也可以是函数。如果它是字符串，那么每个匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义。如下表所示，它说明从模式匹配得到的字符串将用于替换。

字符	替换文本
$1、$2、...、$99	与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。
$&	与 regexp 相匹配的子串。
$`	位于匹配子串左侧的文本。
$'	位于匹配子串右侧的文本。
$$	直接量符号。

参考：

• JavaScript replace() 方法