iife是javascript中创建独立作用域最经典可靠的方式，通过括号将匿名函数转为表达式并立即执行，避免全局污染，支持传参、返回值及模块封装，适用于es5环境、umd打包及需动态闭包的场景。
在 JavaScript 中，IIFE（Immediately Invoked Function Expression，立即执行函数表达式）是创建独立作用域最经典、最可靠的方式之一。它通过将函数定义和调用写在一起，让函数体内的变量、函数不会污染外部作用域，特别适合模块封装、避免全局变量冲突或模拟块级作用域（ES5 及更早环境）。
基本语法：括号包裹 + 立即调用
IIFE 的核心是“先声明为表达式，再立刻执行”。JavaScript 引擎需区分函数声明（function statement）和函数表达式（function expression），而括号是最常用、最安全的表达式转换方式：
- 外层括号 (...) 把函数变成表达式，避免语法错误（否则 function 开头会被解析为函数声明，而函数声明不能直接加 () 调用）
- 末尾的 () 表示立即执行该函数
常见写法：
// 标准写法（推荐）
(function () {
var localVar = '我只在内部有效';
console.log(localVar); // ✅ 可访问
})();
console.log(localVar); // ❌ ReferenceError: localVar is not defined
// 也可用箭头函数（注意：箭头函数本身不能作为 IIFE 主体，但可包装在表达式中）
(( ) => {
let x = 42;
console.log(x);
})();
传参与返回值：支持输入输出
IIFE 不仅能隔离变量，还能接收参数、返回结果，常用于初始化配置、导出私有接口或封装模块：
- 在末尾 () 中传入实参，对应函数形参
- 函数体内可 return 任意值（如对象、函数、类），供外部使用
例子：封装一个计数器，暴露有限接口
const counter = (function (initial = 0) {
let count = initial;
return {
increment: () => ++count,
get: () => count,
reset: () => count = initial
};
})(10); // 传入初始值 10
console.log(counter.get()); // 10
counter.increment();
console.log(counter.get()); // 11
常见变体与注意事项
除了标准括号形式，还有几种等效写法，本质都是强制函数成为表达式：
- !function(){...}()、+function(){...}()、~function(){...}()：利用一元运算符使函数变为表达式
- (function(){...}())：把调用括号放在内层（语义相同，但易与函数声明混淆，不推荐）
- ⚠️ 避免 function(){...}()（无任何包裹）——这会报 SyntaxError，因为被当作函数声明解析
- ⚠️ 注意 this 指向：非严格模式下 IIFE 中的 this 指向全局对象（window / globalThis），严格模式下为 undefined；如需绑定上下文，可用 .call(thisArg) 显式指定
替代方案对比：IIFE vs let/const vs 模块
现代 JS 中，IIFE 的使用场景已大幅减少，但理解它仍有价值：
- let/const 块级作用域：ES6+ 中，{ ... } 内用 let/const 已能自然形成作用域，无需 IIFE（但仅限于块，不能封装逻辑+返回接口）
- ES 模块（import/export）：真正替代 IIFE 的模块化方案，提供静态分析、循环依赖处理、tree-shaking 等优势
- IIFE 仍适用场景：兼容旧环境（IE）、UMD 模块打包、需要动态执行并返回闭包、或在非模块环境中组织代码逻辑
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
