如何获取调用方的this以在JavaScript中实现类似Python的f-string功能？

方案1：使用JS原生标签模板能力（最推荐，无hack，符合语法规范） #

JS的标签模板本身就原生支持接收插值表达式的结果，你不需要自己解析占位符，也不需要获取调用方上下文，语法上只需要遵循JS模板字符串的规则，在占位符前加$即可，和Python f-string的使用体验几乎一致：

function f(strings, ...interpolations) {
  // 按顺序拼接字符串片段和插值结果
  return strings.reduce((res, str, idx) => res + str + (interpolations[idx] ?? ''), '')
}

// 测试用例
const name = "张三";
const age = 20;
console.log(f`用户信息：姓名${name}，年龄${age}`);
// 输出：用户信息：姓名张三，年龄20

这个方案唯一和你预期的写法差异就是占位符多了个$，是JS模板字符串的强制语法要求，没有任何副作用，所有环境都支持。

方案2：硬实现无$的{变量名}占位符（仅做兴趣研究，不推荐生产使用） #

如果你就是要完全对齐Python的写法，去掉占位符的$，那只能用hack手段，而且有很大限制：

• 限制1：只能访问全局变量，或者你手动传入的上下文对象里的变量，无法自动获取调用方的局部变量
• 限制2：需要用到eval/new Function等动态执行能力，有安全风险

实现示例（手动传入上下文） #

function f(context) {
  return function(str) {
    return str.replace(/\{(\w+)\}/g, (_, ident) => context[ident] ?? `{${ident}}`);
  }
}

// 使用方式
const variable = "测试值";
// 手动把当前作用域需要用到的变量传入上下文
console.log(f({variable})`Value of variable: {variable}`);
// 输出：Value of variable: 测试值

仅访问全局变量的实现 #

function f(str) {
  return str.replace(/\{(\w+)\}/g, (_, ident) => window[ident] ?? `{${ident}}`);
}

// 全局变量可以正常读取
window.variable = "全局测试值";
console.log(f`Value of variable: {variable}`);
// 输出：Value of variable: 全局测试值

// 局部变量无法读取
{
  const variable = "局部测试值";
  console.log(f`Value of variable: {variable}`);
  // 输出：Value of variable: {variable} 找不到局部变量
}

核心问题说明 #

你最初的思路走不通的原因是JS采用的是静态词法作用域，且没有对外暴露调用栈中函数的局部变量访问接口，废弃的arguments.caller只能拿到调用方的函数引用，拿不到它运行时的局部变量值，所以没有办法在不做任何前置处理的前提下，自动获取调用方的局部变量上下文。

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