编写回调库的最简方式是什么？如何优化字符串参数的回调函数？

你的思路是可行的，但当前代码在扩展性和代码规范上还有优化空间——比如每次新增回调都要加if判断，而且未声明的res变量会泄漏到全局作用域。下面是更简洁、易维护的写法：

方法一：回调注册表（最推荐） #

我们可以创建一个回调注册表对象，把字符串名称和对应的函数映射起来，这样新增回调只需要往对象里加键值对就行，不用修改主函数逻辑：

// 定义回调注册表，集中管理所有回调函数
const callbackRegistry = {
  add_5: (num) => num + 5,
  multiply_by_2: (num) => num * 2,
  subtract_3: (num) => num - 3
};

function demo(num, callbackName) {
  // 检查回调是否存在，存在则执行，否则返回原数值（或做其他处理）
  if (callbackRegistry[callbackName]) {
    return callbackRegistry[callbackName](num);
  }
  console.warn(`回调 "${callbackName}" 不存在，返回原始数值`);
  return num;
}

// 使用示例
console.log(demo(5, "add_5")); // 输出 10
console.log(demo(10, "multiply_by_2")); // 输出 20
console.log(demo(7, "non_existent")); // 警告并返回7

方法二：函数内封装回调（适合小型场景） #

如果不想把回调暴露到全局，也可以把注册表放在函数内部，用更简洁的语法处理：

function demo(num, callbackName) {
  const callbacks = {
    add_5: n => n + 5,
    multiply_by_2: n => n * 2
  };
  // 可选链+空值合并，简化判断逻辑
  return callbacks[callbackName]?.(num) ?? num;
}

console.log(demo(5, "add_5")); // 输出10

为什么这两种写法更好？ #

• 扩展性强：新增回调只需在注册表中添加条目，不用修改主函数的条件判断
• 代码更干净：回调逻辑和主函数分离，可读性和维护性更高
• 避免全局泄漏：修复了你代码中res未声明导致的全局变量问题
• 容错性好：对不存在的回调做了兜底处理，避免程序报错

另外补充一点：虽然用字符串作为回调参数是合理的需求，但实际开发中更常见的是直接传递函数引用（比如demo(5, add_5)），这样能避免字符串拼写错误的问题。不过如果你的场景必须用字符串，上面的写法就是最优解啦。

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