JavaScript 对象解构用于函数参数可提升简洁性与可读性，支持默认值、嵌套解构、重命名、剩余属性及类型提示。
JavaScript 中对象解构用于函数参数，能让配置对象的使用更简洁、可读性更强，同时天然支持默认值和按需取值。
直接解构配置对象参数
函数接收一个配置对象时，不必在函数体内用 dot 语法 逐个取值，而是在参数位置直接解构：
例如：
function createUser({name, age = 18, role = 'user'}) {return { name, age, role}; } createUser({name: 'Alice', role: 'admin'}); // {name: 'Alice', age: 18, role: 'admin'} 这样写省去 const {name, age, role} = config; 这一步，逻辑更紧凑。
立即学习 “Java 免费学习笔记（深入）”；
解构嵌套对象与重命名
当配置结构较深，或键名易冲突时，可解构嵌套属性并重命名：
- 用
user: {name, email}解构出嵌套字段 - 用
userName: name把name重命名为userName，避免与作用域内变量同名
示例：
function sendNotification({user: { name: userName, email}, message: content, priority = 'normal' }) {console.log(`${userName} (${email}): ${content} [${priority}]`); } sendNotification({user: { name: 'Bob', email: 'bob@example.com'}, message: 'New update available', priority: 'high' });结合剩余属性处理未知配置项
用 ……rest 捕获未显式解构的字段，便于透传或日志记录：
- 适合插件化、可扩展的 API 设计（如组件 props、请求选项）
- 注意：剩余属性必须是对象最后一个参数，且不能与已解构键重复
示例：
function fetchWithConfig({url, method = 'GET', headers = {}, ……options }) {console.log('Unused options:', options); // 如 {timeout: 5000, retry: true} return fetch(url, { method, headers, ……options}); }解构 + 默认值 + 类型安全提示
解构默认值不仅防 undefined，还能配合 JSDoc 或 TypeScript 做类型提示：
-
enabled = true表明该配置布尔型，默认开启 -
retry = {max: 3, delay: 1000}提供完整默认子对象 - 搭配
/** @type {{max: number, delay: number}} */可增强 IDE 支持
即使不使用 TypeScript，清晰的默认值本身已是良好文档。
