JavaScript 中合理利用 undefined 能让代码更简洁、健壮，关键不是“避开它”，而是理解它的出现场景，并用现代语法主动适配它。
用可选链操作符（?.）安全访问深层属性
当对象结构不确定时，传统写法容易因中间某层为 undefined 而报错：Cannot read property 'xxx' of undefined。可选链直接把这种风险消解掉。
-
user.profile?.address?.city—— 任意一层是undefined或null，整个表达式就返回undefined，不报错 - 配合函数调用：
getData()?.map(item => item.name)，避免getData is not a function - 数组索引也支持：
list?.[0]?.id，比list && list[0] && list[0].id清晰得多
用空值合并操作符（??）精准处理 null/undefined
?? 只在左侧为 null 或 undefined 时取右侧默认值，不会误吞 0、false、'' 等合法假值。
-
const count = response?.data?.count ?? 0;—— 明确只补“真空”，不干扰零值统计 -
const theme = user.settings?.theme ?? 'light';—— 用户没设主题才启用默认，设了''或'dark'都保留原意 - 对比
||：0 || 'default'得'default'，但0 ?? 'default'得0
函数参数中默认 undefined 触发默认值
ES6 函数参数默认值机制天然以 undefined 为触发条件，无需手动判断。
立即学习“Java免费学习笔记（深入）”；
-
function fetchUser(id, options = {}) { ... }—— 调用fetchUser(123)时，options自动是{} -
function log(msg, level = 'info') { console[level](msg); }——log('done')不会因level是undefined而崩溃 - 注意：显式传
null不会触发默认值，因为null !== undefined
用 typeof 检测 undefined 避免引用错误
对未声明变量直接访问会抛 ReferenceError，而 typeof 是唯一能安全检测未声明变量是否为 undefined 的方式。
-
if (typeof someUnknownVar === 'undefined') { /* 安全分支 */ }—— 即使someUnknownVar根本没声明，也不会报错 - 不推荐
someUnknownVar === undefined，因为可能被污染（旧版可重赋值），且未声明时直接报错 - 在动态模块加载或跨环境兼容逻辑中特别实用，比如检查
window.Promise是否存在
