箭头函数允许在参数位置直接使用解构模式以提升简洁性与可读性，支持对象（含重命名、默认值、嵌套）和数组（含跳过、剩余参数）解构，但需注意括号包裹、返回对象需加小括号、解构失败默认为undefined，且保持this不变、无arguments、不可构造。
箭头函数本身不“处理”解构，但它允许在参数位置直接写解构模式——这是让代码更简洁、意图更清晰的关键技巧。
对象参数解构：省掉一层提取
不用先接收整个对象再取属性，直接在形参里解构：
-
基础用法：
const getName = ({ name }) => name;，调用getName({ name: 'Tom', id: 101 })直接得'Tom' -
重命名+默认值：
const greet = ({ name: nick = 'User', lang: lng = 'zh' }) => `${lng === 'zh' ? '你好' : 'Hello'}, ${nick}`; -
嵌套解构：
const getZip = ({ address: { postalCode } }) => postalCode;，适用于{ address: { postalCode: '100000' } }
数组参数解构：按位置取值更直观
适合传入固定结构的数组，比如坐标、响应数据等：
-
简单提取：
const add = ([a, b]) => a + b;，add([3, 5])返回8 -
跳过中间项：
const firstAndLast = ([first, , , last]) => [first, last]; -
结合剩余参数：
const headAndTail = ([head, ...rest]) => ({ head, rest });，headAndTail([1,2,3,4])得{ head: 1, rest: [2,3,4] }
注意事项：括号、返回和容错
这些细节不注意就容易出错：
- 对象解构必须加小括号：
({ x, y }) => x + y✅；{ x, y } => x + y❌（会被当成函数体） - 返回对象字面量要包小括号：
() => ({ status: 'ok', data: null })✅；() => { status: 'ok' }❌（返回undefined） - 解构失败不报错，但值为
undefined：({ id }) => id.toString()在传{}时会崩，建议配合默认值或可选链：({ id = 0 }) => id.toString()
和普通函数的本质区别不能忽略
解构只是语法糖，箭头函数的底层特性不变：
-
this 不变：它始终沿用外层作用域的
this，适合事件回调、定时器等场景 -
没有
arguments：要用剩余参数替代，如(...args) => args.length -
不可构造：不能用
new调用，哪怕参数用了嵌套解构也不行
