箭头函数写IIFE必须加外层括号，因解析器默认将()=>{}视为语句而报错；加()后强制识别为表达式才能调用，如(() => console.log('ok'))(); 支持传参、返回值、解构，适合一次性轻量任务。
箭头函数写 IIFE 最直接的方式，就是用括号把它包成表达式，再加一对执行括号——关键在“先变表达式，再调用”，不是语法糖，而是解析规则决定的。
为什么必须加外层括号
JavaScript 解析器看到 () => {} 开头时，默认按语句处理，会报错。只有加上外层 ( )，才能强制它识别为函数表达式。
-
(() => console.log('ok'))();✅ 正确：括号让箭头函数成为表达式 -
() => console.log('err')();❌ 报错：解析器认为这是语句，后面()无主语 -
!() => console.log('also err');❌ 同样错误：逻辑非操作符不能直接作用于箭头函数语句
带参数和返回值的常用写法
箭头 IIFE 支持传参、返回结果，适合一次性计算或初始化。
JavaStoryDevelop
下载
你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。 它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在
- 传参：
((a, b) => console.log(a + b))(3, 5);→ 输出8 - 返回值并赋值：
const sum = (() => 10 + 20)();→sum得到30 - 解构传参（简洁）：
(({name, id}) => console.log(name, id))({name: 'Alice', id: 1});
和传统 IIFE 的实际差异
箭头函数 IIFE 更轻量，但要注意它没有自己的 this、arguments，也不绑定 new.target。
立即学习“Java免费学习笔记（深入）”；
- 不依赖
this时（如纯计算、DOM 初始化），箭头 IIFE 更干净 - 需要访问调用上下文时（比如事件回调中需用
this指向元素），得换回普通函数 IIFE - 不需要模拟模块私有变量时，箭头 IIFE 足够；若需闭包保持状态（如计数器），普通 IIFE 的命名函数更易读
适合用箭头 IIFE 的典型场景
它不是万能替代，而是针对“一次、轻量、无上下文依赖”的任务优化。
- 页面加载后立刻执行的配置检查：
(() => { if (window.DEBUG) console.warn('Dev mode on'); })(); - 临时生成数据并注入：
const items = (() => ['a', 'b', 'c'].map(x => ({id: x, label: x.toUpperCase()})))(); - 避免 let/const 声明污染外层块作用域（虽已不必要，但在老环境或 ESLint 限制下仍有用）
