如何让response.data解构赋值实现空安全？无需try/catch的方案

针对你遇到的对象解构时因字段为null报错的问题，以下几种无需try/catch的方案可以实现空安全：

1. 嵌套解构时给目标字段加默认空对象 #

如果是解构person的嵌套属性（比如person.id）导致的报错，直接给person设置默认空对象，避免null触发读取属性错误：

// 当person为null/undefined时，用空对象兜底解构子属性
const { person: { id, name } = {}, children, total } = response.data;

此时若person是null，id和name会被赋值为undefined，不会抛出异常。

2. 空值合并运算符配合解构 #

先通过??（空值合并运算符）将null/undefined的person替换为空对象，再单独解构：

// 先解构顶层字段
const { children, total } = response.data;
// 仅当person为null/undefined时使用空对象
const { id, name } = response.data.person ?? {};

??比||更精准，只会替换null/undefined，不会影响0、空字符串等合法假值。

3. 给整个解构源设置默认（应对response.data为null的情况） #

如果response.data本身可能为null，先给整个解构源加默认空对象：

// 当response.data为null时，所有字段都会是undefined
const { person, children, total } = response.data ?? {};

// 嵌套场景的组合写法
const { person: { id, name } = {}, children, total } = response.data ?? {};

注意：解构语法本身不支持直接在模式中使用可选链?.，所以需要结合默认值或空值合并运算符来实现空安全。

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