箭头函数用大括号包裹多语句构成代码块，需显式return；无大括号则隐式返回表达式结果；代码块适用于副作用操作或复杂逻辑，但需注意this、arguments继承外层作用域，且嵌套过深应拆分为命名函数。
箭头函数本身不直接“编写代码块”，而是提供一种简洁语法来定义函数，其中的函数体可以是单个表达式，也可以是用大括号 {} 包裹的多语句代码块。
箭头函数中使用代码块的写法
当需要在箭头函数中执行多条语句（比如变量声明、条件判断、循环等），就必须用大括号 {} 将它们包起来，此时函数体就是一个“代码块”。注意：这种写法下，不会自动返回值，必须显式使用 return 语句。
-
无代码块（隐式返回）：
const add = (a, b) => a + b;—— 只有一条表达式，自动返回结果 -
有代码块（需显式 return）：
const add = (a, b) => { const sum = a + b; console.log('计算完成'); return sum; };
常见场景：在代码块中做初始化或副作用操作
比如处理数组时，既要过滤又要记录日志；或者调用 API 前做参数校验。这时代码块很实用：
- 校验并转换数据：
const parseUser = (raw) => { if (!raw || typeof raw !== 'object') throw new Error('无效输入'); return { id: raw.id, name: raw.name?.trim() || '匿名' }; }; - 带副作用的映射：
users.map(user => { console.debug('正在处理用户:', user.id); return { ...user, active: true }; });
注意 this 和 arguments 的行为变化
箭头函数没有自己的 this、arguments、super 或 new.target，它们由外层作用域决定。即使用了代码块，这点也不会改变：
- 适合用于回调（如
setTimeout、事件监听器），避免this指向丢失 - 不能用作构造函数（不能 new），也不支持
arguments对象，需用剩余参数...args
嵌套与可读性提醒
箭头函数支持嵌套，但代码块内再写箭头函数容易降低可读性。建议：
- 逻辑较复杂时，优先拆成独立命名函数
- 代码块超过 4–5 行，考虑是否该提取为普通函数
- 保持箭头函数的核心优势：简洁、专注单一职责
