如何从Python传递含待插值变量的字符串给Javascript？

当然可以实现，核心思路是Python先完成已知变量的插值，保留需要前端填充的占位符，再将字符串传递给JS，由JS完成剩余插值。

步骤1：Python后端处理字符串 #

Python中如果用f-string，要保留LOCATION占位符，需要用双大括号{{LOCATION}}（因为f-string会把双大括号解析为单个大括号），这样Python只会插值friend1和friend2，而{LOCATION}会被完整保留下来。

示例代码：

friend1 = "Bob"
friend2 = "Jill"
# 双大括号让Python保留LOCATION占位符
half_interpolated_str = f"Hi there {friend1}! When are you going to the {{LOCATION}}? {friend2} is going at 8AM."

# 后续将这个字符串传递给前端（比如通过API返回、模板渲染注入等）

步骤2：前端JS完成剩余插值 #

拿到后端传递的字符串后，JS可以通过replace()方法替换占位符。如果需要替换多个相同占位符，用正则表达式全局匹配更高效。

示例代码：

// 假设从后端获取到的字符串存在变量template中
const template = "Hi there Bob! When are you going to the {LOCATION}? Jill is going at 8AM.";
const LOCATION = "Central Park";

// 单个占位符替换
const finalText = template.replace("{LOCATION}", LOCATION);

// 多个相同占位符时用全局正则替换
// const finalText = template.replace(/\{LOCATION\}/g, LOCATION);

console.log(finalText);
// 输出：Hi there Bob! When are you going to the Central Park? Jill is going at 8AM.

注意事项 #

如果需要处理更复杂的多变量插值，也可以考虑传递一个包含已插值内容和占位符映射的对象给前端，或者用更安全的模板引擎（比如Handlebars），但简单场景下replace()足够好用。

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