iife通过创建独立函数作用域实现变量隔离，外层括号强制解析器将其识别为函数表达式而非声明，从而支持立即调用；它支持传参、返回值，适用于兼容旧环境、模块封装及调试等场景。
IIFE 能隔离变量作用域，关键在于它创建了一个新的函数作用域，让内部声明的变量（var、let、const）无法被外部访问，从而切断污染链。
为什么括号是必须的
JavaScript 解析器看到 function() {}() 会把它当作函数声明语句，而函数声明不能紧跟调用括号，直接报错：Uncaught SyntaxError: Unexpected token '('。外层括号 (function() {}) 强制解析器将其识别为函数表达式——只有表达式才能被后续的 () 立即调用。
- ✅ 正确：
(function() { let a = 1; console.log(a); })(); - ❌ 错误：
function() { let a = 1; }();（语法错误） - ✅ 其他合法写法：
!function() { /* ... */ }();或+function() { /* ... */ }();（利用一元运算符也强制转为表达式）
如何真正实现变量隔离
在 IIFE 内部定义的变量，对外部完全不可见；即使同名，也不会覆盖或干扰全局或其他模块中的变量。
- 内部
var i = 10→ 外部console.log(i)报ReferenceError - 多个 IIFE 各自声明
var utils = {...}→ 彼此互不干扰，无命名冲突 - 配合
let/const在块级 IIFE 中使用，还能强化块级语义（如循环中避免闭包陷阱）
带参数和返回值的实用写法
IIFE 不只是“执行完就丢”，它能接收外部数据，也能暴露可控接口，是轻量模块化的基础。
- 传参示例：
(function(env, $) { $(env.selector).show(); })({selector: '#app'}, jQuery); - 返回对象封装私有状态：
const counter = (function() { let n = 0; return { inc() { return ++n; } }; })(); - 避免全局污染的经典模式：
var MyModule = (function() { /* 私有逻辑 */ return { init() { ... } }; })();
现代项目里还要用吗
ES6 模块（import/export）已是标准，但在以下场景 IIFE 依然不可替代：
- 需兼容老旧浏览器（如 IE11 及以下）且无构建工具时
- 向第三方脚本注入逻辑，又不能影响其全局环境
- 调试老系统时临时隔离一段代码，快速验证是否受全局变量干扰
- 编写用户脚本（Userscript）或浏览器控制台实验性代码，避免污染
window
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
