在条件分支中使用对象解构提取默认配置项，需先确保源对象存在或用 ?? 提供空对象兜底；多源配置应先合并再解构；嵌套解构时中间层级须设默认空对象，避免报错。
在条件分支中使用对象解构提取默认配置项，核心是把解构操作放在逻辑判断之后、或与默认值结合使用，避免解构时访问 undefined 报错。关键在于：先确保源对象存在（或提供兜底），再解构；或直接在解构时用空对象作为默认值。
用空对象兜底，再解构
最常用也最安全的方式：把可能为 undefined 或 null 的配置对象，用逻辑运算符 || 或空值合并运算符 ?? 提供默认空对象，再解构：
-
推荐用
??（空值合并）：只在左侧为null或undefined时取右侧，默认值更精准 -
避免用
||：若配置是{ timeout: 0 }，config || {}会误判为假值而覆盖掉合法的0
示例：
function request(url, config) {
const { method = 'GET', timeout = 5000, headers = {} } = config ?? {};
// 后续使用 method、timeout、headers...
}
在 if/else 中按需解构不同配置源
当需要根据条件从多个配置来源（如用户传入、全局默认、环境配置）中选取一个时，可先确定最终配置对象，再统一解构：
立即学习“Java免费学习笔记（深入）”；
function createButton(options) {
let finalConfig;
if (options?.theme === 'dark') {
finalConfig = { ...DEFAULT_DARK_CONFIG, ...options };
} else if (options?.size === 'large') {
finalConfig = { ...DEFAULT_LARGE_CONFIG, ...options };
} else {
finalConfig = { ...DEFAULT_CONFIG, ...options };
}
const { color = '#333', size = 'medium', disabled = false } = finalConfig;
// 使用解构出的变量
}
配合三元运算符，一行内完成条件解构
适合简单二选一场景，比如“有传参就用它，否则用默认”：
const { retry = 3, delay = 100 } =
userConfig ? userConfig : { retry: 2, delay: 200 };
或更紧凑地写成：
const { retry = 3, delay = 100 } = userConfig ?? { retry: 2, delay: 200 };
注意嵌套解构 + 默认值的写法
如果默认配置本身是嵌套结构（如 api.timeout），解构时也要为中间层级提供默认对象，否则会报错：
const {
api: {
timeout = 3000,
baseUrl = 'https://api.example.com'
} = {} // ← 这里必须给 api 设默认空对象！
} = config ?? {};
漏掉 = {} 会导致 Cannot destructure property 'timeout' of 'undefined'。
