JavaScript：为何短路求值结合对象解构无法正确取属性？

首先明确两种写法的核心逻辑差异：

• const lastName = objA.lastName || objB.lastName：先尝试取objA的lastName，如果这个值是假值（包括undefined、null、空字符串等），就兜底取objB的lastName。
• const { lastName } = objA || objB：先判断objA是否为真值（只要不是null/undefined就算真值），这里objA是存在的对象，所以直接从objA里解构lastName——但objA本身没有这个属性，自然得到undefined，完全没用到objB。

回到你的业务场景：要实现「优先取account的schoolAdmin，如果不存在或为假值，就取legacyAccount的schoolAdmin」，同时兼容account或legacyAccount本身可能不存在的情况，用解构可以这么实现：

方案1：合并对象后解构 #

利用对象扩展运算符合并两个对象，后合并的对象会覆盖前面对象的同名属性，刚好符合「优先用前者，前者没有则用后者」的逻辑：

// 先处理可能不存在的account/legacyAccount，避免扩展undefined报错
const merged = {...(account ?? {}), ...(legacyAccount ?? {})};
const { schoolAdmin } = merged;

也可以简化成一行：

const { schoolAdmin } = {...(account ?? {}), ...(legacyAccount ?? {})};

注意：如果account.schoolAdmin是存在的假值（比如空字符串""、数字0），这种写法会保留account的假值，而原||写法会替换成legacyAccount.schoolAdmin。如果要严格匹配||的逻辑，用下面的方案。

方案2：解构+空值合并/或运算 #

先分别从两个对象解构出属性，再用运算符选择有效取值，同时用?? {}处理对象不存在的情况：

const { schoolAdmin: adminFromAccount } = account ?? {};
const { schoolAdmin: adminFromLegacy } = legacyAccount ?? {};
// 用??匹配「仅当值为null/undefined时兜底」的逻辑
const schoolAdmin = adminFromAccount ?? adminFromLegacy;
// 用||匹配「所有假值都兜底」的原逻辑
// const schoolAdmin = adminFromAccount || adminFromLegacy;

方案3：解构默认值进阶用法 #

利用解构的默认值直接嵌套处理，可读性稍强但逻辑更紧凑：

const { schoolAdmin } = account ?? { schoolAdmin: legacyAccount?.schoolAdmin };

这个逻辑是：如果account不存在，就用包含schoolAdmin的临时对象，值取自legacyAccount的schoolAdmin；如果account存在，直接从account解构schoolAdmin，完全匹配原需求。

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