箭头函数处理多行复杂逻辑时必须用花括号包裹并显式return，否则默认返回undefined；例如map中需声明变量、判断、构造对象并return，缺return则结果为undefined。
箭头函数处理多行复杂逻辑时，必须用花括号 {} 包裹函数体，并显式使用 return 语句返回值；否则函数默认返回 undefined。
多行写法的语法结构
当逻辑不止一条语句，或需要条件判断、变量声明、循环等操作时，不能依赖隐式返回。必须写成：
- 参数部分保持原样：单参数可省括号，多参或无参仍需括号
-
函数体用大括号包裹：
=> { /* 多条语句 */ } -
需要返回值时必须写 return：没有
return就不会向外传递结果
常见多行场景示例
比如对数组元素做校验并构造新对象：
const users = [
{ id: 1, name: 'Alice', age: 25 },
{ id: 2, name: '', age: 17 }
];
<p>const validUsers = users.map(user => {
const isValidName = user.name && user.name.trim().length > 0;
const isAdult = user.age >= 18;
return {
id: user.id,
name: isValidName ? user.name.trim() : 'Anonymous',
status: isAdult ? 'adult' : 'minor'
};
});
这个例子中，声明变量、判断逻辑、对象构造都发生在花括号内，且最后一行有 return 才能被 map 正确收集。
立即学习“Java免费学习笔记（深入）”；
容易忽略的关键细节
-
返回对象字面量要加小括号：如果只写
=> { name: 'x' }，大括号会被当成代码块，不是对象；正确写法是=> ({ name: 'x' })（仅适用于单表达式返回对象）；但多行时就老实用{ return { name: 'x' }; } -
不能省略 return：哪怕只有一行赋值，如
=> { const x = 1; x; }，也不会自动返回x，必须写return x; - this 和 arguments 依然继承外层：多行不影响词法绑定特性，适合在类方法中做事件回调或定时器
什么情况不该用多行箭头函数
如果函数体超过 4–5 行、逻辑嵌套深、或需要复用，建议改用普通函数声明或具名函数表达式。箭头函数的优势在于简洁，不是为了替代所有函数形态。
