IIFE需加括号是因function开头默认被解析为声明，而声明不可直接调用；括号将其转为表达式，再通过()合法调用。
JavaScript 中的 IIFE（Immediately Invoked Function Expression，立即执行函数表达式）本质是通过函数表达式 + 自调用来创建独立作用域，从而隔离变量、避免污染全局命名空间。
为什么需要加括号才能立即执行？
JavaScript 引擎在解析时，以 function 关键字开头的语句默认被当作函数声明，而函数声明不能直接加括号调用（语法错误）。IIFE 的核心技巧是让引擎把函数识别为表达式，而非声明。常见做法包括：
- 用小括号包裹整个函数：
(function(){ ... })(); - 前置一元运算符（如
!、+、void）：!function(){ ... }(); - 赋值给变量（虽失去“立即执行”本意，但仍是表达式）：
const fn = function(){ ... };
括号的作用不是“执行”，而是改变解析上下文，让 function 成为表达式的一部分，之后再加 () 才合法调用。
IIFE 如何实现变量封装与作用域隔离？
IIFE 执行时会新建一个函数作用域，内部定义的变量、函数不会泄漏到外部。例如：
立即学习“Java免费学习笔记（深入）”；
(function() {<br> var privateVar = 'secret';<br> function helper() { return privateVar.length; }<br> console.log(helper()); // 6<br>})();<br>console.log(privateVar); // ReferenceError: privateVar is not defined
这种机制在 ES5 时代广泛用于模块化、循环绑定事件等场景，比如解决 for 循环中闭包变量共享问题：
- 错误写法：
for (var i = 0; i console.log(i), 100);→ 全部输出3 - IIFE 修复：
for (var i = 0; i console.log(i), 100); })(i);→ 输出0, 1, 2
带参数的 IIFE 与模块导出模式
IIFE 可接收外部值作为参数，常用于依赖注入或模拟模块导出：
(function(global, $) {<br> if (typeof $ === 'undefined') console.warn('jQuery not loaded');<br> global.myPlugin = { init() { /* ... */ } };<br>})(window, jQuery);这里 window 和 jQuery 是传入的实参，函数内通过形参 global 和 $ 使用，既保证了可读性，又避免了硬编码和全局查找开销。
ES6 后 IIFE 还有必要吗？
在支持 let/const、import/export 和模块系统的现代环境中，IIFE 的原始用途（如作用域隔离、模块封装）大多已被更清晰的语法替代。但以下情况仍可能用到：
- 需要兼容老旧运行时（如 IE8–）
- 构建工具生成代码中做作用域封闭（如 UMD 包裹）
- 一次性初始化逻辑，且不希望留下任何函数引用
- 在非模块环境（如 script 标签直连）中防止变量冲突
不过日常开发中，优先推荐使用块级作用域（{ let x = 1; }）或 ES 模块，语义更明确，维护性更强。
