通过字符串名调用JavaScript函数时的参数传递及变量引用问题问询

你之前的eval(funcName)(funcParams)写法，实际是把整个funcParams字符串作为第一个参数传入目标函数，自然无法支持多参数、类型识别、变量取值的需求。split(',')拆分参数的方案也不可行，无法处理带引号的参数、转义字符等复杂情况。

方案1：极简直接方案（完美适配你提到的所有参数场景） #

由于你的funcParams本身就符合JS表达式语法，直接拼接成完整的函数调用语句用eval执行即可，天然支持任意数量参数、自动识别参数类型、解析变量引用：

// 通用调用函数
function callFunctionByName(funcName, funcParams) {
  // 构造完整调用表达式后执行
  return eval(`${funcName}(${funcParams})`)
}

测试用例验证 #

var number = 5;
function succ(x) { return x+1;}
function average(x,y) {return (x+y)/2; }

// 单个数字参数
console.log(callFunctionByName('succ', '3')) // 输出4
// 多个数字参数
console.log(callFunctionByName('average', '3,5')) // 输出4
// 混合数字+变量参数
console.log(callFunctionByName('average', '3,number')) // 输出4
// 混合数字、字符串字面量、变量参数
console.log(callFunctionByName('testFunc', '5,"5",number')) 
// 参数自动解析为：数字5、字符串"5"、变量number的值5

注意：该方案仅适用于funcName和funcParams来源完全可控的场景，如果参数来自用户输入，eval存在任意代码执行的安全风险。

方案2：无eval安全方案（适用于参数来源不可控场景） #

如果不能使用eval，你需要先完成参数语法解析，再匹配取值后调用函数：

1. 从全局作用域获取目标函数：const targetFunc = globalThis[funcName]
2. 解析funcParams拆分出合法的参数token，区分数字、字符串字面量、变量标识符
3. 对不同类型的参数做对应取值处理，最后展开参数数组调用函数

function safeCallFunction(funcName, funcParams) {
  const targetFunc = globalThis[funcName]
  if (typeof targetFunc !== 'function') throw new Error('目标函数不存在')

  // 简单参数解析逻辑（仅适配无复杂转义、嵌套的基础场景）
  const params = funcParams.match(/("(?:\\.|[^"])*"|'(?:\\.|[^'])*'|\d+\.?\d*|[a-zA-Z_$][a-zA-Z0-9_$]*)/g)
    .map(token => {
      // 字符串字面量处理
      if (token.startsWith('"') || token.startsWith("'")) return JSON.parse(token)
      // 数字类型处理
      if (!isNaN(Number(token))) return Number(token)
      // 变量取值处理
      return globalThis[token]
    })
  // 展开参数调用
  return targetFunc(...params)
}

注意：该方案仅支持基础类型参数，如果需要支持对象、数组、复杂表达式等参数，需要引入JS语法解析库做更完善的解析逻辑。

内容的提问来源于stack exchange，提问作者Dan D-man