JavaScript函数参数可结合解构赋值与默认值提升健壮性：对象参数需设外层默认空对象（{}）防undefined解构错误，数组同理用[]；支持嵌套解构逐层设默认值，且可与普通参数混用，外层默认值比内层更关键。

JavaScript 中函数参数默认值和解构赋值可以一起用，让函数更简洁、健壮，尤其适合处理对象或数组参数。

对象参数 + 解构默认值

直接在形参位置对对象解构，并为每个属性设置默认值。如果调用时传入的对象缺少某个属性，就自动使用默认值。

例如：

function createUser({ name = '匿名', age = 18, role = 'user' } = {}) {
  return { name, age, role };
}

注意 = {} 这一步：它给整个参数设了默认值（空对象），防止调用时完全不传参导致解构报错（如 undefined.name）。

立即学习“Java免费学习笔记（深入）”；

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

• ✅ createUser({ name: '张三', age: 25 }) → { name: '张三', age: 25, role: 'user' }
• ✅ createUser() → { name: '匿名', age: 18, role: 'user' }
• ❌ 去掉 = {}，调用 createUser() 会报错：Cannot destructure property 'name' of 'undefined'

数组参数 + 解构默认值

类似地，也可以对数组参数解构并设默认项，同时给整个参数设默认空数组防错。

function getFirstTwo([a = '默认一', b = '默认二'] = []) {
  return [a, b];
}

• ✅ getFirstTwo(['苹果']) → ['苹果', '默认二']
• ✅ getFirstTwo() → ['默认一', '默认二']
• ✅ getFirstTwo(['苹果', '香蕉', '橙子']) → ['苹果', '香蕉']（只取前两个）

嵌套解构 + 默认值

支持多层解构，默认值可逐层设置，但每层都要考虑“可能为 undefined”的情况，所以常配合默认对象使用。

function printUser({
  name = '未知',
  address: { city = '未填写', zip = '000000' } = {}
} = {}) {
  console.log(`${name}，住在${city}，邮编${zip}`);
}

这里用了两层默认值：= {} 给 address，再一个 = {} 给整个参数，缺一不可。

• ✅ printUser({ name: '李四' }) → 正常输出，address 用默认空对象，进而 city 和 zip 取各自默认值
• ✅ printUser({ name: '王五', address: { city: '杭州' } }) → 邮编用默认值

和普通默认参数混用

解构参数可以和其他普通参数共存，顺序按定义来，但解构参数建议放后面，避免混淆。

function connect(host, port, { timeout = 5000, retries = 3 } = {}) {
  console.log(`连接 ${host}:${port}，超时${timeout}ms，重试${retries}次`);
}

• ✅ connect('api.example.com', 8080)
• ✅ connect('api.example.com', 8080, { timeout: 10000 })

不复杂但容易忽略：解构默认值的关键是“防 undefined”，所以外层的 = {} 或 = [] 往往比内层属性的默认值还重要。