解构赋值处理多层嵌套配置的关键是逐层展开加默认值兜底，通过嵌套解构设空对象默认值、可选链配合空值合并或封装工具函数实现安全提取，但解构不产生深拷贝。
直接用解构赋值处理多层嵌套配置，关键在于“逐层展开 + 默认值兜底”，避免运行时因某层为 null 或 undefined 报错。
用嵌套解构 + 默认空对象防崩
当配置结构固定但某些层级可能缺失时，给每一级中间对象设默认值（通常是空对象），让解构能安全向下穿透：
const config = {
server: {
api: {
timeout: 5000,
baseUrl: 'https://api.example.com'
}
}
};
// 安全解构：每层都提供 {} 默认值
const {
server: {
api: {
timeout = 3000,
baseUrl = 'https://default.api'
} = {} // ← 这里防 api 不存在
} = {} // ← 这里防 server 不存在
} = config;
console.log(timeout); // 5000
console.log(baseUrl); // 'https://api.example.com'
用可选链（?.）配合解构提取深层字段（需环境支持）
如果只取某个深层字段、不关心中间结构，且运行环境支持 ES2020+，可用可选链提前终止访问，再结合解构或直接赋值：
const { timeout, baseUrl } = config.server?.api || {};
// 等价于：config.server && config.server.api ? config.server.api : {}
// 或更简洁地（ES2021+）：
const timeout = config.server?.api?.timeout ?? 3000;
const baseUrl = config.server?.api?.baseUrl ?? 'https://default.api';
封装成工具函数复用解构逻辑
项目中多处用到同类嵌套配置时，可写一个带默认值的提取函数，比重复写嵌套解构更清晰：
立即学习“Java免费学习笔记（深入）”；
function getApiConfig(cfg, defaults = {}) {
const {
server: {
api: {
timeout = 3000,
baseUrl = 'https://default.api',
headers = {}
} = {}
} = {}
} = cfg;
return { timeout, baseUrl, headers, ...defaults };
}
// 使用
const api = getApiConfig(config, { retry: 2 });
// → { timeout: 5000, baseUrl: 'https://api.example.com', headers: {}, retry: 2 }
注意：解构不等于深拷贝
解构出来的对象属性仍是原引用，修改嵌套对象会影响原始配置：
- 如果需要隔离修改，对解构出的对象做浅拷贝：
{ ...headers } - 若含多层嵌套需深拷贝，用
structuredClone()（现代环境）或第三方库 - 纯读取场景下，解构本身足够轻量且安全
