IIFE 模拟块级作用域的核心是利用函数作用域创建独立作用域，防止 var 声明的变量泄漏到外部；ES5 无 let/const 时，它通过立即执行匿名函数并传参绑定当前值（如循环变量），实现类似块级作用域的效果。
JavaScript 中用立即执行函数表达式（IIFE）模拟块级作用域，核心是**利用函数创建独立作用域，避免变量污染外部作用域**。ES5 及更早版本没有 let 和 const，IIFE 是实现“块作用域效果”的常用手段。
为什么需要 IIFE 模拟块级作用域
在 ES5 中，var 声明的变量只有函数作用域，没有块级作用域。例如：
<!-- 以下代码在 ES5 环境中运行 -->
for (var i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 100);
}
// 输出：3, 3, 3（不是预期的 0, 1, 2）
因为所有回调共享同一个 i（函数作用域），循环结束时 i 已变为 3。IIFE 可为每次迭代创建独立作用域，捕获当时的值。
立即学习“Java免费学习笔记（深入）”；
基本 IIFE 写法与块级作用域模拟
标准 IIFE 形式：(function() { /* code */ })(); 或 (function() { /* code */ }());。要传入变量，可带参数：
- 把循环变量作为参数传入，形成闭包绑定当前值
- 函数体内用
var或其他声明，只在该 IIFE 内有效 - 外部无法访问 IIFE 内部变量，实现“作用域隔离”
修复上面的定时器例子：
for (var i = 0; i < 3; i++) {
(function (currentI) {
setTimeout(() => console.log(currentI), 100);
})(i);
}
// 输出：0, 1, 2 ✅
常见变体与注意事项
-
使用箭头函数不可行：箭头函数不能用作 IIFE 的主体（因无
this绑定且不能被调用），必须用 function 表达式 -
可以返回值并赋值：如
var result = (function(){ return 42; })(); -
避免意外全局变量：IIFE 内部漏写
var/let，直接赋值会挂到全局对象（如a = 1→window.a = 1） -
现代替代方案：ES6+ 推荐直接用
let声明循环变量（for (let i = 0; ...)），它天然具有块级作用域，无需 IIFE
实际应用场景举例
除了循环，IIFE 还常用于：
- 模块私有变量封装：暴露有限接口，隐藏内部状态
- 防止命名冲突：第三方脚本包裹在 IIFE 中，避免污染全局命名空间
- 一次性初始化逻辑：如配置加载、DOM 就绪检查等，执行完即释放作用域
示例（模块模式）：
var Counter = (function() {
var count = 0; // 私有变量，外部不可访问
return {
increment: () => ++count,
getCount: () => count
};
})();
console.log(Counter.getCount()); // 0
Counter.increment();
console.log(Counter.getCount()); // 1
// count 在外部无法被修改或读取
不复杂但容易忽略：IIFE 的本质是“立刻执行一个新函数”，从而获得新作用域；它的价值在于控制变量生命周期和可见性，而非语法炫技。ES6 后虽不再是必需，但理解它对阅读旧代码和深入作用域机制仍很重要。
