如何仅对真值对象执行解构？及避免嵌套解构报错

1. 如何实现仅当对象为真值时才对其进行解构？ #

这里分两种常见场景处理，看你具体需求：

场景一：仅在对象有效时执行解构逻辑 #

如果你希望只有当对象是真值（非null/undefined/0/''等假值）时，才进行解构并处理后续代码，直接用if判断最直观：

const user = { name: 'Alice', age: 30 };

if (user) {
  const { name, age } = user;
  console.log(`${name} is ${age} years old`);
}

场景二：声明变量时自动适配假值对象 #

如果你只是想避免对象为假值时解构报错，同时允许解构出的变量为undefined，可以结合**空值合并运算符（??）**给解构设置默认空对象（推荐，因为不会误判0/''这类合法假值）：

const { name, age } = user ?? {};

如果需要兼容所有假值（比如把0/''也视为无效对象），可以用逻辑或（||）：

const { name, age } = user || {};

2. 嵌套解构函数参数时，避免field为undefined/null报错 #

你的原始代码在field不存在或为null时，会抛出Cannot destructure property 'subField' of 'undefined' or 'null'的错误，这里有两种优雅的解决方式：

方案一：给嵌套层级设置默认值 #

直接在解构时为field和顶层参数都设置默认空对象，这样即使传入undefined/null，也会用空对象兜底：

const func = ({ field: { subField } = {} } = {}) => subField;
// 测试用例：
func(); // 返回 undefined，无报错
func({ field: null }); // 返回 undefined，无报错
func({ field: { subField: 'test' } }); // 返回 'test'

方案二：结合可选链简化代码 #

如果不需要严格保持嵌套解构的写法，用可选链访问会更简洁，同时完美避免报错：

// 写法1：直接用可选链访问嵌套属性
const func = (obj) => obj?.field?.subField;
// 写法2：保留顶层解构，再用可选链访问子属性
const func = ({ field } = {}) => field?.subField;

这种方式不仅能处理field为undefined/null的情况，还能兼容函数未传参的场景。

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