对象解构结合默认参数处理复杂配置项需分层兜底、类型安全和逻辑可维护：先为参数对象设默认空对象，嵌套结构每层加= {}，用??归一化null/undefined，复杂默认值抽离为静态属性或工厂函数。
对象解构结合默认参数处理复杂配置项，关键在于分层兜底、类型安全和逻辑可维护。不是堆砌语法，而是让每个字段的来源清晰、行为可控、扩展方便。
给整个参数对象设默认空对象
这是最基础也最容易被忽略的一环：解构前必须确保右侧不是 null 或 undefined，否则直接报错。
- ✅ 正确写法：
constructor({ theme = 'light', size = 'md' } = {}) - ❌ 错误写法：
constructor({ theme = 'light', size = 'md' })—— 若传入undefined，会触发 "Cannot destructure property of undefined"
嵌套结构每层都加 = {}
接口返回常含多层嵌套（如 user.profile.avatar.url），解构时某一层为 undefined 就会中断。必须逐级设空对象兜底。
- 示例：
const { name = '游客', profile: { avatar: { url = '/default.png' } = {}, bio = '' } = {} } = data || {}; - 注意：
profile: { ... } = {}和avatar: { ... } = {}都不能省，否则遇到profile: null或avatar: undefined仍会崩溃
用 ?? 归一化 null 和 undefined
默认值只对 undefined 生效，但接口常返回 null。这时需提前用空值合并操作符 ?? 统一转换。
- 不推荐：
const { avatar = '/default.png' } = user;—— 若user.avatar === null，avatar仍是null - 推荐先清洗：
const safeUser = { ...user, avatar: user?.avatar ?? '/default.png' };，再解构 - 或一步到位：
const { avatar = '/default.png' } = { ...user, avatar: user?.avatar ?? undefined };
复杂默认值抽离为静态属性或工厂函数
当某个默认值是对象、数组或需计算（如时间戳、唯一 ID），不宜硬写在解构里，应封装复用。
- 用
static defaultProps：static defaultProps = { labels: { ok: '确认', cancel: '取消' }, timeout: 5000 }; - 构造函数中合并：
const opts = { ...MyClass.defaultProps, ...config };，再解构opts - 需要动态默认值时，改用工厂函数：
getDefaultConfig() { return { id: Date.now(), items: [] }; }
