IIFE是立即执行函数表达式，通过创建独立函数作用域隔离变量，防止其泄露到全局作用域；常见写法为(function(){})()或(function(){}())，ES6模块普及后仍适用于兼容旧浏览器、打包封装及临时沙箱等场景。
JavaScript 中通过立即执行函数（IIFE）避免变量污染，核心是利用函数作用域隔离变量，让内部声明的变量不会泄露到全局作用域。
什么是 IIFE？
IIFE（Immediately Invoked Function Expression，立即执行函数表达式）是一个定义后立刻运行的函数。它本质是函数表达式，不是函数声明，因此不会被提升，也不会在全局作用域中创建标识符。
常见写法有两种：
- (function() { /* code */ })();
- (function() { /* code */ }());
为什么 IIFE 能防止变量污染？
JavaScript 中，只有函数能创建独立的作用域（ES6 之前）。IIFE 创建了一个新函数作用域，所有 var / let / const 声明的变量都局限在这个作用域内，外部无法访问，自然不会覆盖或干扰全局变量。
立即学习“Java免费学习笔记（深入）”；
例如：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
(function() {
var a = 10;
let b = 20;
const c = 30;
console.log(a, b, c); // ✅ 可以访问
})();
console.log(a); // ❌ ReferenceError: a is not defined
console.log(b); // ❌ ReferenceError: b is not defined实际开发中怎么用 IIFE 隔离模块逻辑？
在没有模块系统（如 CommonJS、ES Module）的老项目或浏览器环境脚本中，IIFE 常用于封装独立功能块，避免全局命名冲突。
- 把工具函数、配置、初始化逻辑包进 IIFE，只暴露必要接口（通过返回对象或挂载到 window）
- 多个 IIFE 之间完全隔离，互不影响
- 可传入参数（如 window、jQuery），既保证依赖明确，又避免全局查找
示例：安全引入 jQuery 并封装私有逻辑
(function($, w) {
const privateHelper = function() { return 'hidden'; };
w.MyModule = {
init: function() {
console.log('ready', privateHelper());
$('#app').text('Loaded');
}
};
})(jQuery, window);这样 privateHelper 不会泄漏，MyModule 是唯一对外暴露的命名。
ES6 模块普及后，IIFE 还需要吗？
现代开发中，ES Module（import/export）已成标准，天然支持作用域隔离和静态分析，应优先使用。但在以下场景 IIFE 仍有价值：
- 需兼容不支持模块的旧浏览器（如 IE）
- 构建工具输出的 bundle 文件头部常自动包裹 IIFE，防止污染全局
- 临时调试、沙箱执行一段代码，确保不改写当前环境
注意：IIFE 不能替代模块的依赖管理和 tree-shaking，仅解决作用域问题。
