如何在不传参或放入全局作用域的情况下向匿名函数注入变量？

首先明确：JavaScript本身不允许开发者自定义像super/arguments那样的引擎级隐式变量——这类变量是语言内置的特殊机制，由运行时自动绑定到函数执行上下文，开发者无法直接扩展。但我们可以通过技巧模拟类似效果，满足「不传递参数、不放入全局作用域」的要求：

方案1：利用with语句注入（非严格模式） #

通过with语句将变量对象加入作用域链，让传入的函数能直接访问该对象的属性：

const fn1 = (supVal: string) => {
  const magicHolder = { magicHiddenVariable: supVal };
  return (fn: (...args: any) => any) => {
    with(magicHolder) {
      return fn();
    }
  };
};

const usageExample = fn1('hello');
usageExample(() => console.log(magicHiddenVariable)); // 输出 "hello"

优缺点：实现简单，但严格模式下禁用，且若函数内部有同名变量会产生冲突，不符合现代严格模式开发规范。

方案2：动态生成函数（通过new Function） #

将传入的函数转换为字符串，提取函数体后在包含目标变量的闭包中重新创建并执行：

const fn1 = (supVal: string) => {
  const magicHiddenVariable = supVal;
  return (fn: (...args: any) => any) => {
    // 处理箭头函数和普通函数的字符串格式，提取核心函数体
    const fnBody = fn.toString()
      .replace(/^(?:\((.*?)\)|[\w$]+) *=>/, '') // 移除箭头函数前缀
      .replace(/^function\s*(?:[\w$]+)?\s*\([\s\S]*?\)\s*{/, '') // 移除普通函数前缀
      .replace(/}$/, ''); // 移除函数末尾的大括号
    // 在当前闭包作用域下创建并执行新函数
    return new Function(`return (${fnBody})`)();
  };
};

const usageExample = fn1('hello');
usageExample(() => console.log(magicHiddenVariable)); // 输出 "hello"

优缺点：兼容严格模式，但如果原函数依赖外部闭包变量，这些引用会丢失；同时函数字符串化可能因复杂格式（如多行注释、嵌套函数）失败，适用性有限。

关键说明 #

以上方案都是模拟「隐式变量」的效果，并非真正实现像super/arguments那样的原生内置隐式变量——这类机制是JS引擎的内部实现，开发者无法自定义。但两种方案都满足你的核心要求：变量既不通过参数传递，也不放入全局作用域，且仅在目标函数的执行范围内可访问。

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