IIFE是ES6前实现私有作用域隔离的核心手段，通过函数表达式创建独立词法作用域，防止全局污染，支持模块封装、依赖注入、闭包修复及命名空间管理。
在 ES6 模块化普及前，IIFE 是企业级前端项目实现私有作用域隔离的核心手段。它不依赖构建工具或运行时环境，直接通过函数表达式创建独立词法作用域，确保变量、函数不泄漏到全局，同时支持模块封装、依赖注入和私有状态管理。
封装模块接口，暴露有限公共方法
企业级代码常需划分功能边界，避免内部逻辑被随意调用。IIFE 通过返回对象控制对外暴露的接口：
- 内部用 var 声明的变量和函数默认私有，外部无法访问
- 仅通过 return 对象显式导出方法，如
init、destroy、getConfig - 可组合多个 IIFE 构建模块树，例如
authModule、apiClient各自隔离
示例：
(function() {
var token = null;
var baseUrl = 'https://api.example.com';
function setToken(t) { token = t; }
function request(url) { return fetch(baseUrl + url, { headers: { Authorization: `Bearer ${token}` } }); }
window.Auth = { setToken: setToken, request: request };
})();
注入依赖并锁定上下文
大型项目中，模块常依赖 jQuery、Lodash 或特定配置对象。IIFE 支持传参，可安全绑定依赖，防止全局污染或版本冲突：
- 将第三方库作为参数传入，如
(function($, _) { ... })(jQuery, _) - 传入配置对象，实现环境隔离（开发/测试/生产）
- 避免模块内直接引用
window.jQuery，提升可测试性
典型写法：
(function($, config) {
$('#app').on('click', '.btn', function() {
console.log(config.debug ? 'debug mode' : 'prod mode');
});
})(jQuery, { debug: true });
模拟块级作用域与循环闭包修复
ES5 中 var 存在变量提升和函数作用域问题，IIFE 可为每次迭代创建新作用域，解决经典闭包陷阱：
- for 循环中绑定事件处理器时，确保每个回调捕获正确的索引值
- 配合立即执行，把当前值作为参数固化进函数作用域
- 比手动声明额外函数更简洁，适合大量 DOM 绑定场景
对比修复：
for (var i = 0; i (function(index) {
setTimeout(function() { console.log(index); }, 100);
})(i);
} —— 输出 0、1、2；而非三个 3
组合命名空间与防重载保护
企业多团队协作易出现全局命名冲突。IIFE 可嵌套使用，构建层级化命名空间，并加入初始化守卫：
- 先检查
window.MyCorp是否已存在，避免重复加载覆盖 - 用点号链式挂载子模块：
MyCorp.UI.Dialog、MyCorp.Utils.Date - 模块内可调用
typeof MyCorp !== 'undefined'判断前置依赖是否就绪
结构示意：
(function(global) {
if (!global.MyCorp) global.MyCorp = {};
if (!global.MyCorp.Data) global.MyCorp.Data = {};
global.MyCorp.Data.fetch = function() { /* ... */ };
})(typeof window !== 'undefined' ? window : this);
