使用参数解构传递命名参数时，如何检测并抛出无效参数异常？

当然可以做到！你想要的「带默认值的命名参数+无效参数校验」在JavaScript里完全能实现，我结合你的思路整理了更贴合现代JS写法的方案：

核心实现思路 #

先定义所有允许的参数名称，遍历传入的参数对象，一旦发现不在允许列表里的属性就抛出错误，之后再解构参数并应用默认值，兼顾可读性和健壮性。

完整代码示例 #

function myFunction(args = {}) {
  // 定义所有合法的参数名
  const allowedOptions = ["foo", "bar"];

  // 校验无效参数
  for (const prop in args) {
    if (args.hasOwnProperty(prop) && !allowedOptions.includes(prop)) {
      throw new Error(`Invalid argument: ${prop}`);
    }
  }

  // 解构参数并设置默认值
  const { foo = "defaultFoo", bar = "defaultBar" } = args;

  // 这里写你的业务逻辑
  console.log(`foo: ${foo}, bar: ${bar}`);
}

测试用例验证 #

• 传入合法参数：

  myFunction({ foo: "myCustomFoo" });
  // 输出: foo: myCustomFoo, bar: defaultBar
  

• 传入无效参数：

  myFunction({ baz: "invalidParam" });
  // 抛出错误: Error: Invalid argument: baz
  

优化小技巧 #

1. 用includes替代indexOf：ES6+支持的includes比indexOf语义更清晰，直接返回布尔值判断是否存在。
2. 给args设默认空对象：避免调用函数时不传参数导致遍历报错。
3. 更简洁的遍历方式：可以用Object.keys()替代for...in，省去hasOwnProperty的判断（因为Object.keys()只返回自身可枚举属性）：

   Object.keys(args).forEach(prop => {
     if (!allowedOptions.includes(prop)) {
       throw new Error(`Invalid argument: ${prop}`);
     }
   });
   

关于直接解构参数的说明 #

如果一开始就用function myFunction({ foo, bar } = {})这种直接解构的写法，想要校验无效参数会比较麻烦——因为解构后已经丢失了原始的参数对象（除非通过arguments获取，但箭头函数不支持arguments）。所以更稳妥的方式还是先接收完整的参数对象，校验完成后再解构。

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