在JavaScript中使用`new RegExp()`构造函数创建正则表达式时，如果模式字符串中包含未转义的特殊字符（如`[`），会导致“Invalid regular expression: ...: Unterminated character class”错误。本文将深入解析此错误的原因，并提供详细的解决方案，包括如何正确转义正则表达式中的特殊字符，以及在字符串字面量中表示这些转义字符的方法，确保正则表达式能够按预期工作。
理解JavaScript正则表达式中的特殊字符与“未终止字符类”错误
JavaScript中的正则表达式（Regular Expression）是一种强大的模式匹配工具，它使用一系列特殊字符来定义匹配规则。例如，方括号[和]用于定义一个“字符类”，表示匹配方括号内列出的任意一个字符。当您希望匹配这些特殊字符本身，而不是它们所代表的特殊含义时，就需要进行转义。
考虑以下代码示例，它尝试使用new RegExp()构造函数创建一个正则表达式来查找字符串“Mat[”：
function findMatch() {
var string = "Find the match";
var text = "Mat["; // 包含特殊字符 '['
string.replace(new RegExp(text, 'gi'), "found");
}直接运行这段代码，会抛出类似Invalid regular expression: /Mat[/: Unterminated character class的错误。这个错误消息明确指出问题在于“未终止字符类”。这是因为正则表达式引擎将[视为一个字符类的开始，但没有找到对应的]来闭合它，从而导致语法错误。
立即学习“Java免费学习笔记（深入）”；
解决方案：正确转义特殊字符
要解决这个问题，核心在于告诉正则表达式引擎，[字符应该被当作一个字面量来匹配，而不是字符类的开始。这通过在[前面添加一个反斜杠来实现。
-
正则表达式层面的转义
如果直接书写正则表达式字面量，您需要这样表示：
/Mat[/
这里的[明确指示正则表达式引擎去匹配一个字面量的左方括号。
-
字符串字面量中的转义
当您使用new RegExp()构造函数时，正则表达式模式是通过一个字符串传递的。在JavaScript字符串中，反斜杠本身也是一个特殊字符，用于转义字符串中的特殊字符（如 表示换行符， 表示制表符）。因此，如果您想在字符串中表示一个字面量的反斜杠，您需要对它进行再次转义。
这意味着，为了在正则表达式中匹配字面量的[，您需要写成[。而在JavaScript字符串中表示[，您需要写成\[。
因此，正确的text变量定义应该是：
var text = "Mat\["; // 在字符串中，'\' 表示一个字面量的 ''
完整修正后的代码示例
将上述转义规则应用到原始代码中，修正后的findMatch函数如下：
function findMatch() {
var string = "Find the match";
var text = "Mat\["; // 正确转义，字符串中的 '\' 表示正则表达式中的 ''
// 使用修正后的 text 变量创建正则表达式
var regex = new RegExp(text, 'gi');
var result = string.replace(regex, "found");
console.log(result); // 如果 string 包含 "Mat[", 则会被替换
}
// 示例调用：
// 为了看到效果，我们需要一个包含 "Mat[" 的字符串
var myString = "This is a test with Mat[ and some other text.";
var patternToFind = "Mat\["; // 匹配字面量 "Mat["
var myRegex = new RegExp(patternToFind, 'gi');
var replacedString = myString.replace(myRegex, "FOUND_MATCH");
console.log(replacedString); // 输出: "This is a test with FOUND_MATCH and some other text."常见需要转义的正则表达式特殊字符
除了[和]之外，还有许多其他字符在正则表达式中具有特殊含义，如果需要匹配它们的字面量，也需要进行转义。这些字符包括：
- . (匹配任何单个字符，除了换行符)
- * (匹配前一个字符零次或多次)
- + (匹配前一个字符一次或多次)
- ? (匹配前一个字符零次或一次)
- ^ (匹配字符串的开始)
- $ (匹配字符串的结束)
- ( ) (分组)
- { } (量词)
- | (或)
- (转义字符本身)
注意事项：
-
动态构建正则表达式： 如果您的正则表达式模式是根据用户输入或其他动态数据构建的，您需要确保在将这些数据传递给new RegExp()之前，对所有潜在的特殊字符进行适当的转义。一个常见的做法是编写一个函数来转义所有正则表达式特殊字符。
function escapeRegExp(string) { return string.replace(/[.*+?^${}()|[]\]/g, '\$&'); // $& 表示匹配到的完整字符串 } var userInput = "user.name[0]"; var escapedInput = escapeRegExp(userInput); // "user.name[0]" var userRegex = new RegExp(escapedInput, 'g'); 正则表达式字面量与构造函数： 使用正则表达式字面量（/pattern/flags）时，只需要进行一次转义（例如/[/）。而使用new RegExp('pattern', 'flags')构造函数时，由于模式是字符串，需要考虑JavaScript字符串的转义规则，所以需要双重转义（例如new RegExp('\[')）。
总结
“Invalid regular expression: ...: Unterminated character class”错误通常是由于在new RegExp()构造函数中，正则表达式模式字符串未正确转义特殊字符（如[）所致。解决此问题的关键在于理解正则表达式的转义规则以及JavaScript字符串的转义规则。通过在特殊字符前添加反斜杠进行转义，并在字符串字面量中表示反斜杠时使用双反斜杠\，可以确保正则表达式被正确解析，从而避免运行时错误，并实现预期的模式匹配功能。在处理动态生成的正则表达式时，务必注意对所有潜在特殊字符进行全面转义。
