javascript - 如何在正则表达式值或值中添加注释？

Question

这个问题已经有答案了:

How to split a long regular expression into multiple lines in JavaScript? (11 个回答)

已关闭 6 年前。

在声明值时我们可以这样做:

var x, // comment
    y, // comment
    z; // comment

没关系。我有这个稍微长一点的 regExp (我仍在向 regExp 介绍自己)，我不习惯这样做，但它有效

var pattern = /^(1\s?)?(\(\d{3}\)|\d{3})[\s\-]?\d{3}[\-\s]?\d{4}$/;

但是当我尝试像在变量声明示例中那样做时:

var pattern = /^(1\s?)? // optional 1 with space or nonspace; also optional
              (\(\d{3}\)|\d{3}) // optional () bracket in 3 digits
              [\s\-]? // optional space and dash
              \d{3} // 3 digits
              [\-\s]?
              \d{4}$/; // 4 digits

上面的代码不起作用，但我只想出于学习目的这样做。可以吗？

Answer 1

您可以尝试通过连接字符串数组来构建正则表达式:

var pattern = new RegExp([
      "(\\(\d{3}\\)|\\d{3})", // optional () bracket in 3 digits
      "[\\s\\-]?", // optional space and dash
      "\\d{3}", // 3 digits
      "[\\-\\s]?",
      "\\d{4}$/" // 4 digits
].join(""));

当然，这不是很优雅，因为它需要转义所有这些斜杠。

编辑:实际上，您可以通过创建一个 RegExp 数组而不是字符串，然后连接它们来避免这些斜杠转义业务:

var pattern = new RegExp([
          /^(1\s?)?/, // optional 1 with space or nonspace; also optional
          /(\(\d{3}\)|\d{3})/, // optional () bracket in 3 digits
          /[\s\-]?/, // optional space and dash
          /\d{3}/, // 3 digits
          /[\-\s]?/,
          /\d{4}$/ // 4 digits
].map(function(x) {return x.source}).join(""));

这需要使用 map 执行额外步骤，将每个 RegExp 转换回字符串。