如何判断JavaScript函数接受普通参数还是解构对象参数？

先看你给出的两个函数：

const render = (entity) => {
   // 函数体
}

const render = ({
    entity,
    isAdmin
}) => {
   // 函数体
}

这两个函数的length都返回1，外部也没法用arguments判断，结合你的真实场景（兼容数千个现有列表的row渲染函数，不用开发者改代码），给你两个可行方案：

方案1：解析函数源代码（简单但有局限性） #

可以通过toString()获取函数的源代码，然后匹配参数是否为对象解构格式：

function isUsingObjectDestruction(fn) {
  const fnSource = fn.toString();
  // 匹配函数的参数部分
  const paramMatch = fnSource.match(/^\s*(?:function\s*\((.*?)\)|(?:\((.*?)\)\s*=>))/);
  if (!paramMatch) return false;
  const params = (paramMatch[1] || paramMatch[2]).trim();
  // 判断参数是否以{开头，即对象解构模式
  return params.startsWith('{');
}

// 测试示例
const render1 = (entity) => {};
const render2 = ({ entity, isAdmin }) => {};
console.log(isUsingObjectDestruction(render1)); // false
console.log(isUsingObjectDestruction(render2)); // true

局限性 #

如果代码经过压缩、混淆或者转译（比如Babel处理），函数的源代码格式会被改变，这个方法就会失效。

方案2：通过代理测试函数行为（更可靠，适配真实场景） #

针对你的React Admin类面板场景，不需要严格判断函数类型，而是让组件自动适配两种传参方式，这是更实际的做法。可以用Proxy来测试函数是否会尝试访问解构的属性：

function createRowCaller(rowRenderer) {
  let usesDestruction = false;

  // 创建代理对象，拦截属性访问
  const testObj = new Proxy({}, {
    get(target, prop) {
      // 如果函数尝试访问entity属性，说明是解构写法
      if (prop === 'entity') {
        usesDestruction = true;
      }
      // 返回空对象避免触发渲染报错
      return {};
    }
  });

  try {
    // 调用一次测试，触发属性访问逻辑
    rowRenderer(testObj);
  } catch (e) {
    // 忽略测试时的渲染错误，只是用来判断模式
  }

  // 返回适配后的调用函数
  return (entity, metadata) => {
    if (usesDestruction) {
      return rowRenderer({ entity, metadata });
    } else {
      return rowRenderer(entity);
    }
  };
}

// 在<List />组件内部这样用：
const callRow = createRowCaller(props.row);
// 渲染行时
callRow(currentEntity, rowMetadata);

原理 #

• 如果是解构写法（({ entity }) => ...），JS引擎会自动尝试从传入的对象中提取entity属性，这时Proxy的get拦截器会触发，标记usesDestruction为true；
• 如果是单个参数写法（entity => ...），函数只会接收测试对象，但原有代码是访问entity.name（即测试对象的name属性），不会触发entity属性的访问，所以usesDestruction保持false。

这种方法不依赖源代码格式，即使代码被压缩也能正常工作，完美适配你不想让开发者修改代码的需求。

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