JavaScript中new RegExp构造正则全字替换与字面量正则效果不一致如何解决

使用new RegExp()构造正则时，传入的第一个参数是普通字符串，JavaScript会先对普通字符串中的反斜杠\做转义解析：

• 你代码中写的字符串'(?<!\w)('+variable+')(?!\w)'被解析时，\w里的反斜杠会被识别为转义符，最终传入RegExp构造函数的实际规则变为(?<!w)(this)(?!w)，和你预期的正则规则完全不符，因此匹配结果错误。

对字符串中的反斜杠做二次转义，将原规则里的\w写为\\w即可，修正后的代码如下：

const str = 'Hello This is a test string this is a test THISthis is just a test ok? Can we solve This? Idk, maybe thiS, is just impossible. this??? this! "this "this" this" HellothisOk HelloThis ThisOk';

const variable = "this";
// 反斜杠需要转义后才能正确被RegExp识别
const result = str.replace(new RegExp('(?<!\\w)('+variable+')(?!\\w)', 'gi'), "Foo$1Bar");

console.log(result);

如果你的目标匹配词可能包含.、*、+这类正则特殊字符，建议先对变量做特殊字符转义处理，避免正则语法错误，示例如下：

// 正则特殊字符转义工具函数
function escapeRegExp(string) {
  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}

const str = 'Hello This is a test string this is a test THISthis is just a test ok? Can we solve This? Idk, maybe thiS, is just impossible. this??? this! "this "this" this" HellothisOk HelloThis ThisOk';
const variable = "this";
const escapedVariable = escapeRegExp(variable);

const result = str.replace(new RegExp(`(?<!\\w)(${escapedVariable})(?!\\w)`, 'gi'), "Foo$1Bar");
console.log(result);

修改后运行效果和正则字面量写法完全一致，符合预期的独立单词匹配规则。

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