解构赋值是JavaScript解析配置对象最简洁、可读性最强的方式，支持基础解构设默认值、嵌套解构展开深层结构、重命名避免冲突、剩余属性收集未声明字段。
解构赋值是 JavaScript 中解析配置对象最简洁、可读性最强的方式之一，尤其适合处理有默认值、嵌套结构或可选字段的配置。
基础解构：提取顶层字段并设默认值
当配置对象字段可能缺失时，直接在解构中指定默认值，避免后续判空：
例如：
const config = { timeout: 5000, retries: 3 };
const { timeout = 1000, retries = 1, baseUrl = 'https://api.example.com' } = config;
console.log(timeout); // 5000（取配置值）
console.log(retries); // 3
console.log(baseUrl); // 'https://api.example.com'（用默认值）
嵌套解构：一层展开深层配置
无需多次点取，直接解构嵌套对象。支持任意层级，且每层都可设默认值：
立即学习“Java免费学习笔记（深入）”；
例如：
const config = {
api: {
timeout: 8000,
headers: { 'Content-Type': 'application/json' }
},
logging: { level: 'warn' }
};
const {
api: { timeout = 3000, headers = {} } = {},
logging: { level = 'info' } = {}
} = config;
console.log(timeout); // 8000
console.log(headers); // { 'Content-Type': 'application/json' }
console.log(level); // 'warn'
注意：嵌套解构中，中间对象（如 api、logging）也需提供默认空对象 ={} ，否则解构 api.timeout 时若 api 为 undefined 会报错。
重命名 + 默认值：避免变量名冲突或提升语义
用 oldName: newName 语法重命名，同时支持默认值，让变量更贴合业务场景：
const config = { maxRetries: 5, enableCache: true };
const {
maxRetries: retryCount = 2,
enableCache: useCache = false,
timeoutMs: timeout = 2000
} = config;
console.log(retryCount); // 5
console.log(useCache); // true
console.log(timeout); // 2000（因 timeoutMs 不存在，取默认）
结合剩余属性收集未明确声明的配置项
用 ...rest 捕获其他字段，便于透传或动态处理：
const config = { timeout: 3000, retries: 2, method: 'POST', path: '/users' };
const { timeout, retries, ...requestOptions } = config;
console.log(timeout); // 3000
console.log(retries); // 2
console.log(requestOptions); // { method: 'POST', path: '/users' }
这个模式特别适合封装通用请求函数，把已知配置提前解出，其余交给底层库（如 fetch 或 axios）处理。
