如何自动将JavaScript字符串拼接替换为模板字符串？

一、现成工具方案 #

1. ESLint 自动修复 #

ESLint 内置 prefer-template 规则，可检测并自动替换字符串拼接为模板字符串，操作步骤：

• 初始化项目（若未初始化）：npm init -y
• 安装ESLint：npm install eslint --save-dev
• 生成配置文件：npx eslint --init，配置过程中确保启用prefer-template规则（默认通常已开启）
• 执行修复命令：npx eslint your-js-file.js --fix

执行后，Logger.log("My name is "+name+" Hi!");这类代码会自动转为Logger.log(My name is ${name} Hi!);。

2. Babel 转换插件 #

借助@babel/plugin-transform-template-literals插件，可在代码转译过程中完成格式替换，适合需同时做其他代码转译的场景：

• 安装依赖：npm install @babel/core @babel/cli @babel/plugin-transform-template-literals --save-dev
• 创建.babelrc配置文件并添加插件：

{
  "plugins": ["@babel/plugin-transform-template-literals"]
}

• 执行转译命令：npx babel your-js-file.js --out-file transformed-file.js

二、Python脚本实现（基础场景） #

若需自定义逻辑或不想依赖Node.js工具，可通过Python结合正则实现基础替换，示例脚本：

import re

def convert_to_template_string(code):
    # 匹配基础字符串拼接模式："xxx" + 变量 + "xxx"
    pattern = re.compile(r'"([^"]*)"\s*\+\s*([a-zA-Z_$][a-zA-Z0-9_$]*)\s*\+\s*"([^"]*)"')
    # 替换为模板字符串格式
    return pattern.sub(r'`\1${\2}\3`', code)

# 读取原文件
with open('your-js-file.js', 'r', encoding='utf-8') as f:
    content = f.read()

# 执行转换
converted_content = convert_to_template_string(content)

# 写入转换后的文件
with open('converted-js-file.js', 'w', encoding='utf-8') as f:
    f.write(converted_content)

注意：该脚本仅处理基础的三部分拼接场景，嵌套拼接、带复杂表达式（如"a" + (b + c) + "d"）或含转义字符的字符串无法正确处理，适合简单代码场景。

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