JS正则：替换合法行注释//为块注释 排除字符串内的//

问题根因 #

你之前编写的正则/"(.*?\/\/.*?)"/逻辑方向相反，仅能匹配引号内部包含//的字符串内容，无法识别引号外的合法注释。
核心实现思路：正则匹配遵循从左到右的优先级规则，优先匹配所有字符串字面量并原样保留，剩余位置命中的//才是需要替换的合法单行注释，从根源上避免误替换字符串内的//。

可直接使用的实现代码 #

/**
 * 将JS代码中合法单行注释替换为块注释
 * @param {string} code 原始JS代码
 * @returns {string} 替换后的代码
 */
function replaceLineCommentToBlock(code) {
  // 正则规则：优先匹配三类字符串，剩余位置匹配//开头的单行注释
  const commentReg = /("(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|`(?:\\.|[^`\\])*`)|(\/\/.*$)/gm;
  return code.replace(commentReg, (match, strMatch, commentMatch) => {
    // 匹配到字符串内容，直接返回不修改
    if (strMatch) return strMatch;
    // 匹配到单行注释，转换为/* */格式
    return `/*${commentMatch.slice(2)}*/`;
  });
}

正则规则拆解 #

• 修饰符说明：g开启全局匹配，m开启多行模式，让$可以匹配每一行的行尾
• 第一捕获组（高优先级）：匹配所有合法字符串字面量
  • 覆盖双引号、单引号、反引号（模板字符串）三种字符串格式
  • 自动识别字符串内的转义字符（例如"str\"//inner"中的转义引号不会被误判为字符串结束标记）
• 第二捕获组（低优先级）：仅匹配未被字符串规则覆盖的、以//开头到行尾的内容，即合法单行注释

测试用例验证 #

所有给出的规则场景均能正确处理：

• 输入// Change heading: → 输出/* Change heading: */，行首注释正常替换
• 输入document.getElementById("myH").innerHTML = "My First //Page"; → 输出与原内容完全一致，字符串内//未被修改
• 输入document.getElementById("myP").innerHTML = "My first paragraph."; // Change paragraph:; → 输出document.getElementById("myP").innerHTML = "My first paragraph."; /* Change paragraph:; */，语句末尾注释正常替换
• 输入console.log("some important info //shouldn't replace"); // this is important info → 输出console.log("some important info //shouldn't replace"); /* this is important info */，字符串内//保留，行尾注释正常替换

补充说明 #

该实现覆盖绝大多数常规JS业务代码场景，如果需要兼容代码中正则字面量包含//的极端情况（例如const urlReg = /^http:\/\//），只需在第一捕获组中补充JS正则字面量的匹配规则即可。

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