如何在JavaScript正则表达式（RegExp）中引入变量？checkSocial函数正则适配求助

我来帮你搞定这个正则变量的问题！你遇到的问题其实是因为对RegExp构造函数的用法细节没搞清楚，咱们一步步来分析：

你的两种写法为什么失效？ #

写法1的问题 #

你用模板字符串包裹了带/的正则内容，但new RegExp()构造函数接收的是不带前后分隔符/的字符串，你加的/会被当成正则的一部分去匹配，自然匹配不到正确的链接。另外，模板字符串里的\.虽然看起来是转义，但在字符串语境下，单个\会被解析为转义符，最终传递给正则的其实是.（而不是匹配字面量的\.）。

写法2的问题 #

你用字符串拼接时，同样犯了转义错误：字符串里的\.会被解析为普通的.，而正则里的.是匹配任意字符的元字符，不是你想要的字面量点。所以需要用两个反斜杠\\.才能让正则识别为字面量的点。

正确的写法 #

方法1：模板字符串版本 #

去掉前后的/，并且把所有需要转义的反斜杠改成双反斜杠：

checkSocial(platform, link) { 
  let reg = new RegExp(`^(?:https?:\\/\\/)?(www\\.${platform}\\.com\\/)(?:\\S+)`); 
  return reg.test(link); 
}

方法2：字符串拼接版本 #

同样修正转义字符，把单个\改成\\：

checkSocial(platform, link) { 
  let reg = new RegExp('^(?:https?:\\/\\/)?(www\\.' + platform + '\\.com\\/)(?:\\S+)'); 
  return reg.test(link); 
}

额外注意事项 #

如果platform变量可能包含正则特殊字符（比如., *, +等），直接代入会导致正则匹配异常。这时候需要先转义变量里的特殊字符，比如添加一个转义函数：

function escapeRegExp(string) {
  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}

checkSocial(platform, link) { 
  const escapedPlatform = escapeRegExp(platform);
  let reg = new RegExp(`^(?:https?:\\/\\/)?(www\\.${escapedPlatform}\\.com\\/)(?:\\S+)`); 
  return reg.test(link); 
}

内容的提问来源于stack exchange，提问作者Sam