JavaScript中属性简写结合解构匹配形参实参是否适用于所有数据类型

核心结论 #

该参数匹配策略对所有JavaScript合法数据类型的传值完全兼容，不管你要传递的是原始类型（字符串、数字、布尔值、Symbol、BigInt、undefined、null），还是引用类型（数组、Date、Set、Map、函数、正则、普通对象等），都可以作为对象属性值被正确解构到对应形参位置，解构过程不会篡改传入值，不存在类型适配问题。
但该方案不是无条件始终有效，存在明确的使用边界，不满足边界条件时会出现报错或参数不匹配问题。

兼容所有类型的验证示例 #

// 准备所有类型的测试值
const strVal = "test string"
const numVal = 996
const boolVal = true
const symVal = Symbol('test')
const bigintVal = 100n
const arrVal = [1,2,3]
const dateVal = new Date()
const setVal = new Set([1,2,3])
const mapVal = new Map([['key', 'value']])
const fnVal = () => console.log('函数正常执行')
const nullVal = null
const undefinedVal = undefined

// 传参时顺序完全打乱，不影响结果
f({
  fnVal,
  nullVal,
  setVal,
  strVal,
  undefinedVal,
  bigintVal,
  mapVal,
  boolVal,
  numVal,
  arrVal,
  dateVal,
  symVal
})

function f({strVal, numVal, boolVal, symVal, bigintVal, arrVal, dateVal, setVal, mapVal, fnVal, nullVal, undefinedVal}) {
  // 所有值都能被正确获取，和传入顺序无关
  console.log(strVal) // 输出 test string
  console.log(numVal) // 输出 996
  console.log(setVal.has(2)) // 输出 true
  fnVal() // 输出 函数正常执行
  console.log(dateVal.getFullYear()) // 正常输出当前年份
}

失效场景说明 #

• 未传入包裹参数的对象，或传入的对象为null：此时函数会尝试对undefined或null做对象解构，直接抛出TypeError。如果需要兼容无参调用、入参可能为null的场景，可以给形参加入默认空对象配置：

  // 无参调用f()也不会报错
  function f({foo, bar, baz} = {}) {
    // 逻辑
  }
  

• 属性名不匹配：该方案完全依赖同名属性做映射，若传参时属性名拼写错误、大小写不一致，对应形参会拿到undefined，不会做自动匹配。
• 变量名与形参名不一致时未手动做映射：如果存储参数的变量名和形参名不同，不能直接用属性简写，需要手动写键值对映射，比如形参名为foo，实际存值的变量叫myFoo，传参时要写f({foo: myFoo, bar, baz})，直接传入myFoo会导致foo形参拿到undefined。

额外优势 #

除了不用记忆参数顺序，该方案还支持非常灵活的默认值配置，不管是单个参数的默认值，还是整个入参的默认值，写法都比顺序传参更清晰，尤其适合参数数量多、后续可能新增参数的函数场景。

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