如何通过函数ID调用对应函数并正确传递多参数？

你当前代码的问题出在funcParams.toString()——把参数数组转成字符串后，不管数组里有几个元素，都会变成单个字符串参数传给目标函数。比如["red", "green"]会被转成"red,green"，导致myFunc1原本需要两个参数，现在只收到一个拼接后的字符串，自然运行异常。

下面是几种修正和优化方案：

方案1：使用Function.apply()（兼容旧环境） #

apply()方法专门用来接收数组作为函数的参数列表，完美匹配你的场景：

const func = funcList["0abc1"];
// 先做存在性校验，避免报错
if (func && window[func.fn]) {
  // 第一个参数指定this指向，这里用window保持全局上下文
  window[func.fn].apply(window, func.args);
}

方案2：使用ES6扩展运算符（更简洁） #

如果你的运行环境支持ES6，用扩展运算符...可以更直观地把数组展开为单个参数：

const func = funcList["0abc1"];
if (func && window[func.fn]) {
  window[func.fn](...func.args);
}

额外优化：增加安全校验逻辑 #

上面的代码里加入了if (func && window[func.fn])的校验，能避免因传入无效ID、目标函数未定义导致的控制台报错，让代码更健壮。

进一步优化：直接存储函数引用（更高效安全） #

如果可以修改funcList的结构，直接存储函数引用而非字符串名称，能跳过全局对象查找的步骤，既高效又能避免全局变量污染的风险：

var funcList = {
  "0abc1": {
    fn: myFunc1, // 直接存函数本身，不是字符串
    args: ["red", "green"]
  },
  "1def2": {
    fn: myFunc2,
    args: ["blue"]
  }
};

// 调用逻辑更简洁
const func = funcList["0abc1"];
if (func && typeof func.fn === 'function') {
  func.fn(...func.args);
}

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