箭头函数直接返回对象字面量时必须用小括号包裹，否则大括号被解析为函数体而返回undefined；正确写法为()=>({key:value})，加花括号则需显式return。
箭头函数直接返回对象字面量时，必须用小括号包裹对象，否则大括号会被解析为函数体，导致返回 undefined。
为什么不能直接写 { key: value }？
因为箭头函数中，如果省略函数体的花括号（{}），它会把紧随其后的表达式当作返回值；但一旦写了 {}，JavaScript 就认为你定义了一个语句块（函数体），而语句块默认不返回任何值。所以：
-
x => { name: 'Alice' }→ 返回undefined（这是代码块，不是对象） -
x => ({ name: 'Alice' })→ 正确返回对象（小括号强制解析为表达式）
正确写法：用小括号包裹对象
只需在外层加一对圆括号，告诉 JS 这是一个表达式，而不是函数体：
const getUser = () => ({ id: 1, name: 'Bob' });
console.log(getUser()); // { id: 1, name: 'Bob' }
多个参数或带解构/计算属性也一样适用：
(a, b) => ({ sum: a + b, diff: a - b })({ name }) => ({ displayName: name.toUpperCase() })id => ({ id, createdAt: new Date().toISOString() })
常见错误与排查提示
如果发现箭头函数返回 undefined 却预期是对象，先检查：
- 是否漏了外层小括号
- 是否误用了分号（如
() => ({}) ;后多加分号不影响，但() => { return {}; }是另一回事） - 是否混淆了简写返回和块级函数体（加了
{}就必须显式写return）
想用块语法？那就显式 return
如果逻辑复杂、需要多行或条件判断，用花括号 + return 更清晰：
const createUser = (name) => {
if (!name) return null;
return { id: Date.now(), name: name.trim() };
};
这种写法没有歧义，也便于调试和扩展。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
