如何基于变量存储的参数动态创建Socket.IO客户端方法？

你可以利用剩余参数语法结合Object.fromEntries来实现这个集中配置的需求，完美匹配你原来的方法逻辑：

最终实现代码 #

const methods = {
  A: { socketName: 'a', args: [] },
  B: { socketName: 'b', args: ['bar'] },
  C: { socketName: 'c', args: ['baz', 'qux'] }
};

for (const methodName in methods) {
  const { socketName, args } = methods[methodName];
  myobject.prototype[methodName] = function (...rest) {
    // 提取最后一个参数作为回调
    const callback = rest.pop();
    // 根据配置的参数名构建对象，无参数则传null
    const otherArgs = args.length 
      ? Object.fromEntries(args.map((key, idx) => [key, rest[idx]]))
      : null;
    this.foo(socketName, otherArgs, callback);
  };
}

关键逻辑说明 #

1. 剩余参数...rest：接收当前方法调用时的所有参数，不管参数数量多少都能统一处理
2. 分离回调函数：所有方法的最后一个参数都是callback，用rest.pop()直接取出即可
3. 构建参数对象：
   • 当配置的args数组有值时，通过map把参数名和对应位置的参数值配对成键值对数组
   • 用Object.fromEntries把键值对数组转成目标对象，和你手动写的{ bar }、{ baz, qux }完全一致
   • 无参数时（比如方法A），直接传null，和原实现保持一致

验证效果 #

生成的方法和你手动编写的完全等价：

• 调用obj.A(myCallback) → 执行this.foo('a', null, myCallback)
• 调用obj.B('testBar', myCallback) → 执行this.foo('b', { bar: 'testBar' }, myCallback)
• 调用obj.C('testBaz', 'testQux', myCallback) → 执行this.foo('c', { baz: 'testBaz', qux: 'testQux' }, myCallback)

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