安全读取嵌套JSON首选可选链操作符（?.），任一环节为null/undefined时自动短路返回undefined；配合空值合并操作符（??）设默认值，避免误判0、false等假值；旧环境可封装安全取值函数。
直接用点号链式访问（如 data.user.profile.name）在面对复杂嵌套 JSON 时极易报错，核心问题在于中间任意一层为 null 或 undefined 就会触发 TypeError: Cannot read property 'xxx' of undefined。真正安全的读取不靠“猜结构”，而靠语法保障和分层兜底。
用可选链操作符（?.）自动短路
ES2020 起原生支持 ?.，它是目前最简洁、最推荐的方式。只要链中任一环节是 null 或 undefined，整个表达式立即返回 undefined，不抛错。
-
data?.items?.[0]?.product?.price—— 支持对象属性 + 数组索引混合写法 -
response?.data?.user?.settings?.theme ?? 'light'—— 可配合??提供默认值 - 注意：
?.()仅适用于可选调用，不能用于普通函数执行（除非确认函数存在）
搭配空值合并操作符（??）设合理默认值
?? 不同于 ||，它只在左侧为 null 或 undefined 时生效，不会误把 0、false、空字符串当作“空”来处理。
-
const count = data?.stats?.total ?? 0—— 安全取数，零值保留 -
const avatar = user?.profile?.avatar?.url ?? '/placeholder.png'—— 图片路径兜底清晰 - 避免写成
user && user.profile && user.profile.avatar && user.profile.avatar.url || '/default'，冗长且逻辑易错
老环境 fallback：封装安全取值函数
若需兼容 IE 或旧版 Node.js（?.：
立即学习“Java免费学习笔记（深入）”；
- 接受对象、路径字符串（如
'a.b.c'）和可选默认值 - 内部用
split('.')+reduce逐层检查，遇到undefined立即返回 - 示例：
get(data, 'user.profile.name', '未知用户') - 比全局引入 lodash 更轻量，适合无构建工具的场景
解析前先确认数据形态，避免二次解析陷阱
有些 API 返回的字段值本身是 JSON 字符串（比如 "{ \"name\": \"Alice\" }"），不是对象。直接访问 item.info.name 会得 undefined。
- 先判断类型：
typeof item.info === 'string'，再考虑JSON.parse(item.info) - 务必加
try...catch，防止字符串非法导致解析失败 - 常见来源：数据库 longtext 字段、后端未做序列化、历史兼容接口
