如何避免嵌套值访问前逐一检查父对象未定义的繁琐操作？

当你需要访问多层嵌套的对象属性时，逐一检查每个父对象确实太啰嗦了，这里有几个实用的简洁解决方案：

1. 使用ES2020可选链操作符 ?. + 空值合并运算符 ?? #

这是目前最推荐的原生写法，语法简洁且现代浏览器、Node.js 14+都已支持：

const saved = profile?.content?.[question.subject]?.saved?.includes(question._id) ?? false;

原理说明： #

• ?. 会自动检查左侧对象是否为 null 或 undefined，如果是就直接返回 undefined，不会继续向下访问，避免抛出「Cannot read properties of undefined」的错误；
• ?? 是空值合并运算符，只有当左侧值为 null 或 undefined 时，才会返回右侧的兜底值（这里是 false）。相比 || 它更精准，不会把 0、''、false 这些合法的“假值”误判为空值。

2. 兼容旧环境的工具函数 #

如果你的项目需要兼容不支持可选链的旧环境，可以写一个通用的深层取值函数：

function getNestedProp(obj, path) {
  return path.reduce((current, key) => {
    // 检查当前层级是否存在，不存在则返回undefined
    return current != null ? current[key] : undefined;
  }, obj);
}

// 使用示例
const savedProp = getNestedProp(profile, ['content', question.subject, 'saved']);
const saved = savedProp ? savedProp.includes(question._id) : false;

这个函数通过reduce遍历路径数组，逐层访问对象属性，中途遇到不存在的层级就返回undefined，最后再判断属性是否存在并执行includes逻辑。

不管哪种方式，都能替代原来冗长的链式判断，让代码更清晰易读。

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