JavaScript中未知参数签名时如何拦截解构函数参数？

核心问题：拦截解构参数的可行方案 #

你的第一个例子中，multiplyArgs不生效是因为args.map是数组方法，而传入的是对象；更关键的是，你不知道原函数解构了对象的哪些属性。正则提取函数参数的方式确实不可靠——函数可能被压缩、参数有默认值或复杂结构，都会导致正则失效。

更可靠的方案：运行时捕获解构属性 #

利用ES6的Proxy可以在运行时捕获函数解构访问的属性，不需要解析函数字符串：

const multiplyArgs = (fun) => {
  // 创建代理对象，记录被访问的属性
  const propTracker = new Proxy({}, {
    get(target, prop) {
      propTracker._accessed.add(prop);
      return 0; // 返回占位值，不影响预调用
    }
  });
  propTracker._accessed = new Set();

  // 预调用函数，触发解构，记录被访问的属性
  fun(propTracker);

  return (inputObj) => {
    // 仅处理原函数解构过的属性
    const processedObj = {...inputObj};
    propTracker._accessed.forEach(prop => {
      if (processedObj[prop] !== undefined) {
        processedObj[prop] *= 10;
      }
    });
    return fun(processedObj);
  };
};

// 测试验证
const add = ({a, b}) => a + b;
const res = multiplyArgs(add)({a: 5, b: 10, c: 20});
console.log(res); // 输出150，符合预期

这个方法的核心是预调用函数+代理拦截：通过代理记录函数解构时访问的所有属性，后续只对这些属性做预处理，既解决了参数签名未知的问题，又比正则更稳定。

RxJS实际场景的优雅解决方案 #

针对你需要自动从observablePool选取Observable并组合的场景，同样可以用Proxy实现无重复参数的优雅调用，完全隐藏底层细节：

实现代码 #

const observablePool = {
  a: new Rx.BehaviorSubject(5),
  b: new Rx.BehaviorSubject(10)
};

const updatePool = (transformFn) => {
  // 1. 创建属性跟踪代理
  const propTracker = new Proxy({}, {
    get(target, prop) {
      propTracker._picked.add(prop);
      return null;
    }
  });
  propTracker._picked = new Set();

  // 2. 预调用函数，捕获需要的Observable键名
  transformFn(propTracker);

  // 3. 从池中选取对应的Observable
  const pickedObservables = {};
  propTracker._picked.forEach(key => {
    pickedObservables[key] = observablePool[key];
  });

  // 4. 组合Observable并添加到池中
  observablePool.c = Rx.combineLatest(pickedObservables).pipe(
    Rx.map(values => {
      // 将组合后的数组转换为对象，传给原函数
      const inputObj = {};
      Object.keys(pickedObservables).forEach((key, idx) => {
        inputObj[key] = values[idx];
      });
      return transformFn(inputObj);
    })
  );
};

// 调用方式（完全不需要手动指定pick的参数）
updatePool(({a, b}) => ({c: a + b}));

方案优势 #

• 完全避免参数重复：用户只需要在函数中解构需要的属性，底层自动完成Observable的选取和组合
• 隐藏实现细节：用户无需关心combineLatest、pipe等RxJS操作，专注于业务逻辑
• 兼容性好：只要支持ES6 Proxy的环境都能运行，比正则解析函数字符串更稳定

注意事项 #

如果你的transformFn中有条件性的属性访问（比如if (x) { const {c} = obj }），预调用可能无法捕获到所有潜在属性。但在你的场景中，transformFn是用来定义Observable组合逻辑的纯函数，解构的属性是固定的，所以这个方法完全适用。

内容的提问来源于stack exchange，提问作者Adam B.