PHP正则处理JS文件字符串替换：适配不同引号分隔符

我之前也处理过类似的场景，这个问题的核心难点就是准确识别JS里的字符串——毕竟单双引号混着用还有转义的情况，很容易让正则跑偏。不过我们可以通过匹配字符串字面量+回调替换的方式来完美解决。

思路拆解 #

首先，我们需要精准匹配JS中的字符串（包括单引号、双引号包裹，以及内部转义的引号），然后对每个匹配到的字符串单独处理：检查是否包含目标子串，再将其替换为函数调用的拼接形式。

代码实现 #

假设我们要把JS字符串中的all day替换为getPreference()调用，代码如下：

<?php
$jsContent = <<<JS
var s = "I'll sleep all day when I'm tired";
var t = 'I\\'ll sleep all day when I\\'m tired';
var u = "No need to change this line";
JS;

// 定义要替换的目标子串和函数调用
$target = 'all day';
$funcCall = 'getPreference()';

// 匹配JS字符串字面量的正则：支持单/双引号，处理内部转义引号
$pattern = '/(["\'])(?:\\\\?.)*?\1/';

$processedJs = preg_replace_callback($pattern, function($matches) use ($target, $funcCall) {
    $quote = $matches[1];
    $fullStr = $matches[0];
    $content = substr($fullStr, 1, -1); // 提取字符串内部内容（去掉前后引号）

    // 如果当前字符串不包含目标子串，直接返回原字符串
    if (strpos($content, $target) === false) {
        return $fullStr;
    }

    // 将内容按目标子串拆分为前后两部分（只拆一次，避免多匹配干扰）
    [$prefixContent, $suffixContent] = explode($target, $content, 2);
    
    // 构造拼接表达式：原前缀字符串 + 函数调用 + 原后缀字符串
    $prefix = $quote . $prefixContent . $quote;
    $suffix = $quote . $suffixContent . $quote;
    
    return "{$prefix}+{$funcCall}+{$suffix}";
}, $jsContent);

echo $processedJs;
?>

代码说明 #

1. 正则匹配逻辑：

   • (["\'])：捕获字符串的起始引号（单/双），用于后续闭合字符串。
   • (?:\\\\?.)*?：非贪婪匹配任意字符，包括转义后的引号（\\'或\\"），避免提前结束字符串匹配。
   • \1：用捕获的起始引号闭合字符串，确保匹配完整的字符串字面量。

2. 回调替换逻辑：

   • 先提取字符串内部内容，判断是否包含目标子串。
   • 拆分目标子串的前后部分，分别用原引号包裹，再用+连接函数调用，保证JS语法合法。
   • 不包含目标子串的字符串直接原样返回，避免破坏其他代码。

边界情况处理 #

• 转义引号：正则会正确识别'I\\'ll...'这类带转义单引号的字符串，不会误将转义引号当作字符串结束符。
• 目标子串在首尾：比如"all day is great"会被转为""+getPreference()+" is great"，JS可以正常解析空字符串拼接。
• 多目标子串：如果需要替换所有出现的目标子串，可以把explode改成循环替换，或者用preg_replace在$content中全局替换（比如把$target换成'+'.$funcCall.'+'，再重新包裹引号）。

扩展：支持模板字符串 #

如果你的JS代码包含ES6模板字符串（反引号包裹），只需修改正则为：

$pattern = '/(["\'`])(?:\\\\?.)*?\1/';

不过模板字符串内的${}表达式可能会干扰匹配，如果不需要处理模板字符串，可以忽略这个扩展。

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