JS如何将字符串形参转为合法实参实现函数动态调用

你当前写法的核心问题是：提取到的形参列表是纯文本字符串，直接作为单个参数传入execute方法，相当于函数只收到一个字符串类型的入参，自然无法识别。要实现按形参名动态匹配传参、不限制形参书写顺序，按以下步骤实现即可：

第一步：提前维护参数映射表 #

把所有可能注入到命令execute方法的变量，统一存在键值对对象里，键名和形参名保持一致：

// 所有可注入的参数都在这里统一维护
const injectParams = {
  msg: message, // 实际收到的消息对象
  args: args, // 解析后的命令参数数组
  client: client, // 机器人实例，有需要的命令可以直接取
  // 后续新增全局通用参数直接往这里加，不需要修改命令调用逻辑
}

第二步：高兼容性提取形参名列表 #

不要用拆分第一行截取括号内容的写法，该写法无法兼容形参换行、带空格、带默认值的场景，用正则匹配更稳定：

const cmd = client.commands.get(command)
const executeFunc = cmd.execute

// 正则匹配execute括号内的形参片段，兼容换行、多余空格的写法
const paramStrMatch = executeFunc.toString().match(/execute\s*\(([^)]*)\)/)
if (!paramStrMatch) throw new Error(`命令[${command}]的execute方法格式不符合规范`)

// 解析得到干净的形参名数组，兼容带默认值的形参写法（比如execute(msg, args=[])）
const paramNameList = paramStrMatch[1]
  .split(',')
  .map(paramItem => {
    // 去掉默认值部分、去掉前后空格
    return paramItem.trim().split('=')[0].trim()
  })
  .filter(paramName => !!paramName) // 过滤空值

第三步：按形参顺序组装实参并调用 #

根据解析到的形参名顺序，从参数映射表中取对应的值组装实参数组，通过apply动态传参调用：

// 按形参声明顺序组装实际传入的参数
const realCallArgs = paramNameList.map(paramName => {
  if (!injectParams.hasOwnProperty(paramName)) {
    throw new Error(`命令[${command}]依赖未注册的参数：${paramName}`)
  }
  return injectParams[paramName]
})

// 调用方法，绑定this到命令对象本身，避免内部this指向异常
executeFunc.apply(cmd, realCallArgs)

效果说明 #

• 完全不限制命令的形参书写顺序，比如某命令写execute(args, msg, client)，也能正确匹配到对应的值，不需要强制所有命令保持统一的形参顺序
• 兼容形参带默认值、换行书写、多余空格的常见写法，不会出现解析失败的问题
• 后续新增全局注入参数时，只需要在injectParams里加对应键值对即可，所有命令都可以直接在形参里声明使用

内容的提问来源于stack exchange，提问作者claire.png