箭头函数隐式返回对象必须用小括号包裹，否则大括号被解析为函数体导致返回undefined；正确写法如() => ({id: 1, name: 'alice'})；复杂场景（计算属性、展开运算符等）也需外层括号；逻辑复杂时应改用显式return。
箭头函数中想隐式返回一个对象，必须用小括号包裹对象字面量，否则大括号会被解析为函数体，导致返回 undefined。
为什么直接写大括号会出错
JavaScript 解析器看到箭头后紧跟 {，默认认为这是函数体的开始，而不是对象字面量。即使你本意是返回对象，比如：
const getUser = () => { id: 1, name: 'Alice' };
这段代码实际等价于：
const getUser = () => { id: 1, name: 'Alice' }; // 函数体里有标签语句 id: 和 name:，无 return
执行结果是 undefined，不是对象。
正确写法：用小括号包裹对象
把对象字面量包在 () 中，就能明确告诉解析器“这不是函数体，这是要返回的表达式”：
const getUser = () => ({ id: 1, name: 'Alice' });console.log(getUser()); // { id: 1, name: 'Alice' }
括号是语法必需的，不是可选风格。
处理更复杂的隐式返回（嵌套、计算属性、解构等）
只要最外层是表达式，且整体被小括号包裹，就可以安全隐式返回：
- 带计算属性名：
() => ({ ['user_' + Date.now()]: 'active' }) - 含展开运算符：
(user) => ({ ...user, createdAt: new Date() }) - 条件返回不同结构（需确保每条分支都返回对象）：
(isAdmin) => (isAdmin ? { role: 'admin', level: 9 } : { role: 'user', level: 1 }) - 结合解构赋值（注意：解构本身不能出现在隐式返回左侧，但可作为右侧表达式的一部分）：
(data) => ({ id: data?.id ?? 0, name: data?.name || 'Anonymous' })
什么时候该放弃隐式返回
当逻辑变多、需要多行、或涉及异步/条件分支时，显式写 { return ... } 更清晰可靠：
- 需要
if判断：const getProfile = (id) => { if (!id) return null; return { id, avatar: `/img/${id}.jpg` }; } - 包含
await：const fetchUser = async (id) => { const res = await fetch(`/api/users/${id}`); return res.json(); } - 需要调试日志或中间变量：
const buildConfig = (env) => { console.log('Building for', env); return { env, timeout: env === 'prod' ? 5000 : 1000 }; }
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
