箭头函数支持参数解构但不支持直接深度解构嵌套属性，需用嵌套解构语法（如{info:{id}}=>id）或分步解构；可解构对象、数组，支持默认值、别名及空值防护。
箭头函数本身不支持直接在参数位置做深度解构（比如解构对象的嵌套属性），但可以配合参数解构赋值，把传入的对象或数组结构“提前展开”，从而直接拿到内部属性。关键在于：**解构写在参数括号里，箭头函数体里直接使用解构后的变量**。
基础用法：解构对象参数
当传入一个对象时，可在箭头函数参数中直接解构其属性：
const getName = ({ name }) => name;
const user = { name: 'Alice', age: 30 };
console.log(getName(user)); // 'Alice'
等价于传统函数：function getName(obj) { return obj.name; }，但更简洁、意图更明确。
解构嵌套属性（需一级解构 + 子解构）
JavaScript 参数解构不支持 ({ info: { id } }) => id 这种写法（会报语法错误）。正确方式是先解构外层，再在函数体内解构内层，或用“嵌套解构”语法（ES6 支持）：
- ✅ 正确（嵌套解构）：
const getId = ({ info: { id } }) => id;
const data = { info: { id: 123, title: 'Test' } };
console.log(getId(data)); // 123
- ✅ 也可分步（更清晰，适合复杂逻辑）：
const getTitle = ({ info }) => info?.title;
// 或带默认值
const getTitleSafe = ({ info = {} }) => info.title || 'N/A';
解构数组参数 + 获取内部项
传入数组时，可直接解构索引或使用 rest 模式：
const getFirst = ([first]) => first;
const getHeadAndTail = ([head, ...tail]) => ({ head, tail });
console.log(getFirst(['a', 'b', 'c'])); // 'a'
console.log(getHeadAndTail([1, 2, 3, 4])); // { head: 1, tail: [2, 3, 4] }
实用技巧与注意事项
- 支持默认值：
const greet = ({ name = 'Guest', lang = 'en' }) => `Hello, ${name} (${lang})`; - 支持别名：
const getAge = ({ age: years }) => years;（把参数age解构为变量years） - 注意空值安全：若传入
null或undefined，解构会报错；建议加默认空对象：({ name } = {}) => name || 'Anonymous' - 不能用于需要
this或arguments的场景——箭头函数没有自己的this和arguments，解构只解决参数提取，不改变函数绑定行为
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
