正則表達式中的$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() 方法