javascript函数参数支持对象和数组解构赋值，可直接提取属性、设默认值、重命名、嵌套解构及跳过项；需防null/undefined报错，避免过度嵌套，配合jsdoc或typescript提升类型安全。
JavaScript中可以用解构赋值直接从函数参数中提取所需属性，避免手动取值，让函数签名更清晰、调用更直观。
对象参数的解构接收
当函数接收一个配置对象时，直接在形参位置解构，无需先声明变量再取属性。
- 传统写法需多步提取：// function init(config) { const timeout = config.timeout; const retries = config.retries; ... }
- 解构写法一步到位：function init({ timeout = 3000, retries = 3, apiURL }) { ... }
- 支持默认值、重命名（{ timeout: t }）、嵌套解构（{ headers: { auth } }）
数组参数的按序解构
适用于参数顺序固定、语义明确的场景，比如坐标、RGB值、批量操作项。
- 例如处理二维点：function draw([x, y], [width, height]) { ... }
- 可跳过不需要的项：function logStatus([, , status]) { console.log(status); }
- 配合剩余运算符提取不定长参数：function sum([first, ...rest]) { return first + rest.reduce((a, b) => a + b, 0); }
混合解构与类型安全提示
解构本身不校验类型，但配合JSDoc或TypeScript能提升可维护性。
- JSDoc标注示例：// /** @param {{timeout: number, enabled?: boolean}} config */
- TypeScript中解构自动获得类型推导：function fetchUser({ id, withProfile = true }: { id: string; withProfile?: boolean })
- 注意：解构失败会报错（如传入
null或undefined），必要时加默认空对象：function handle({ name } = {}) { ... }
避免常见陷阱
解构虽简洁，但需留意运行时行为和可读边界。
- 不要过度嵌套解构，三层以上会降低可读性
- 解构默认值只在对应属性为
undefined时生效，null不会触发 - 箭头函数中解构需用小括号包裹：const fn = ({ a, b }) => a + b;（否则语法错误）
- 解构不改变原对象/数组，是安全的浅层提取
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
