箭头函数配合结构赋值可简化参数处理，支持对象和数组直接解构、默认值及嵌套解构，提升可读性与健壮性，但需注意传参类型安全与错误边界。
箭头函数配合结构赋值，能让代码更简洁、可读性更强，尤其适合处理数组或对象参数的场景。
用结构赋值直接解构函数参数
箭头函数支持在参数列表中直接结构赋值，省去函数体内手动解构的步骤。
比如处理一个用户对象：
// 传统写法const getName = (user) => {
const { name, age } = user;
return `${name} (${age})`;
};
// 箭头函数 + 参数结构赋值（精简版）
const getName = ({ name, age }) => `${name} (${age})`;
注意：这种写法要求传入的实参必须是对象，且包含 name 和 age 属性，否则会报 undefined 相关错误。
立即学习“Java免费学习笔记（深入）”；
处理数组参数时用数组结构赋值
箭头函数也能对数组参数直接解构，适合提取前几项、忽略中间项等操作。
// 提取坐标点的 x 和 yconst formatPoint = ([x, y]) => `(${x}, ${y})`;
formatPoint([10, 20]); // "(10, 20)"
// 忽略中间项，只取首尾
const getFirstAndLast = ([first, , , last]) => [first, last];
getFirstAndLast(['a', 'b', 'c', 'd']); // ['a', 'd']
结构赋值中的空位（如上面的 , , ,）表示跳过对应索引位置的元素。
结合默认值和嵌套结构提升健壮性
结构赋值支持默认值和深层解构，和箭头函数组合后，能减少运行时错误。
- 给解构参数设默认值，避免传入
undefined或null报错 - 嵌套解构适用于多层对象，比如
{ user: { profile: { avatar } } }
const getAvatar = ({ user = {}, user: { profile = {} } = {}, user: { profile: { avatar = 'default.png' } = {} } = {} } = {}) => avatar;
// 更清晰的写法（推荐）
const getAvatar = ({ user: { profile: { avatar = 'default.png' } = {} } = {} } = {}) => avatar;
虽然看起来紧凑，但关键在于：每个层级都提供默认空对象，确保结构安全。实际项目中可按需拆分或配合可选链（?.）使用。
注意事项与常见陷阱
- 结构赋值参数不能单独加类型注解（如 TypeScript 中需写在括号外）
- 无法为结构赋值参数设置剩余参数（
...rest）的同时解构，要先解构再用rest - 箭头函数没有
arguments对象，结构赋值也不能替代它；需要类数组参数时，用 rest 参数更好 - 结构赋值失败（如传入
null）会直接抛出TypeError，必要时加判断或默认值
合理组合箭头函数与结构赋值，不是为了炫技，而是让意图更直白、逻辑更聚焦——参数要什么，就写什么。
