ES6参数解构默认值：如何避免为每个字段显式设置=""？

哎，这个场景我太熟悉了——每次解构对象时要给每个字段都手动写=''，字段多的时候代码不仅冗余，写起来还闹心。别发愁，有几个实用的方法能帮你省去这些重复操作：

方法1：用对象展开运算符合并默认值与传入参数 #

核心思路是先定义一个包含所有目标字段、默认值为空字符串的对象，再用展开运算符把传入的参数覆盖上去，最后解构合并后的对象。这样就不用在解构语法里逐个指定默认值了：

// 假设你原本的写法是这样
function handleUser({ name = '', age = '', email = '' } = {}) {
  console.log(name, age, email);
}

// 简化后的写法
function handleUser(props = {}) {
  // 先定义统一的默认值对象
  const defaultUser = { name: '', age: '', email: '' };
  // 合并默认值和传入参数，传入参数优先级更高
  const finalUser = { ...defaultUser, ...props };
  // 直接解构合并后的对象
  const { name, age, email } = finalUser;
  
  console.log(name, age, email);
}

// 测试一下：只传name，其他字段自动用空字符串
handleUser({ name: 'Alice' }); // 输出: Alice  ''  ''

方法2：用Object.assign合并对象 #

和展开运算符的思路一致，只是换用Object.assign来完成合并操作，适合习惯这种写法的场景：

function handleUser(props) {
  const defaultUser = { name: '', age: '', email: '' };
  // Object.assign会按顺序合并，后面的对象覆盖前面的
  const finalUser = Object.assign({}, defaultUser, props);
  const { name, age, email } = finalUser;
  
  console.log(name, age, email);
}

注意事项 #

• 如果传入的字段值是undefined，以上方法会自动替换为空字符串；但如果是null、0这类有实际意义的值，不会被默认值覆盖（因为这些不属于“未传入”的情况）。
• 如果你的字段数量经常变化，维护这个统一的默认值对象会比逐个修改解构里的默认值更方便，只需要在默认对象里增减字段即可。

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