javascript - 我如何使用 RegExp 用 ${var} 替换模板？

Question

例如:

使用/\${key}/作为正则字符串即可，替换成功

但是直接使用字符串'${key}'，答案不是我想要的

如果我使用 split 和 join 会不会更慢？

let tp1 = "XXX${key}XXX${key}XXX${key}XXX${key}";
tp1 = tp1.replace(new RegExp(/\${key}/, 'g'), 'AA');
console.log(tp1)

let tp2 = "XXX${key}XXX${key}XXX${key}XXX${key}";
tp2 = tp2.replace(new RegExp('${key}', 'g'), 'AA');
console.log(tp2)

let tp3 = "XXX${key}XXX${key}XXX${key}XXX${key}";
tp3 = tp3.split(`\${key}`).join('AA')
console.log(tp3)

Answer:
tp1: XXXAAXXXAAXXXAAXXXAA
tp2: XXX${key}XXX${key}XXX${key}XXX${key}
tp3: XXXAAXXXAAXXXAAXXXAA

Answer 1

$ 表示正则表达式中的字符串结尾，这就是为什么您需要使用 \ 对它进行转义。如果您使用带有正则表达式字符串的构造函数，则需要对其进行双重转义:'\\${key}' 以便它在字符串中保持反斜杠

let tp1 = "XXX${key}XXX${key}XXX${key}XXX${key}";
tp1 = tp1.replace(new RegExp(/\${key}/, 'g'), 'AA');
console.log(tp1)

let tp2 = "XXX${key}XXX${key}XXX${key}XXX${key}";
tp2 = tp2.replace(new RegExp('\\${key}', 'g'), 'AA');
console.log(tp2)

let tp3 = "XXX${key}XXX${key}XXX${key}XXX${key}";
tp3 = tp3.split(`\${key}`).join('AA')
console.log(tp3)