函数参数的解构与重构：如何获取完整参数对象？

嘿，我懂你想要的效果——既想用解构语法快速拿到带默认值的命名参数，又能保留用户传入的完整参数对象（包括额外字段）对吧？其实只需要调整一下写法就能实现，不用纠结那个不合法的语法尝试~

正确实现方式 #

直接把完整参数对象先接收进来，再在函数内部做解构赋值，这样鱼和熊掌就能兼得啦：

function doSomething(parameters = {}) {
  // 从完整参数对象里解构出arg1和arg2，同时设置默认值
  const { arg1 = "foo", arg2 = "bar" } = parameters;
  
  // 你可以单独使用arg1、arg2
  console.log("arg1:", arg1, "arg2:", arg2);
  // 也能直接访问包含所有字段的完整parameters对象
  console.log("完整参数对象:", parameters);
}

测试一下效果 #

我们来跑几个调用案例验证：

• 无参数调用：doSomething()
  输出：

  arg1: foo arg2: bar
  完整参数对象: {}
  

• 只传arg1：doSomething({arg1: "hello"})
  输出：

  arg1: hello arg2: bar
  完整参数对象: { arg1: 'hello' }
  

• 传arg2和额外字段：doSomething({arg2: "world", extraField: "test"})
  输出：

  arg1: foo arg2: world
  完整参数对象: { arg2: 'world', extraField: 'test' }
  

为什么你的期望写法不可行？ #

你提到的function doSomething(parameters = {arg1 = "foo", arg2 = "bar"} = {})这种写法在JavaScript里是不合法的，因为对象字面量内部不能用=来定义默认值（解构赋值的默认值语法只能用在解构的场景，不能直接写在对象定义里）。所以拆分两步——先接收完整对象，再内部解构——才是符合JS语法的正确做法。

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