IIFE（Immediately Invoked Function Expressions）代表立即执行函数#

1
(function(){ /* code */ })();

IIFE 的创作背景（文章里的历史原因）#

背景 1：JS 没有块级作用域（早期）

·ES6 之前，JS 只有函数作用域，没有 let/const。 ·变量都会泄露到全局，造成污染。

背景 2：函数声明不能立即执行

1
function(){}(); // SyntaxError

因为 JS 引擎把它当作函数声明，而函数声明必须有名字，且不能直接加 () 执行。

一般我们会进行如下操作: function a (){ } //声明a 函数

1
a()//在函数名后加()执行

背景 3：需要一种 “创建作用域 + 立刻运行 + 不留痕迹” 的写法

IIFE 能用来干什么？#

1
(function(){
2
  var a = 10; // 外部访问不到
3
})();
4

5
console.log(a); // ReferenceError

1
for (var i = 0; i < 5; i++) {
2
  (function(lockedInIndex) {
3
    elems[i].onclick = function() {
4
      alert(lockedInIndex); // 正确输出 0、1、2、3、4
5
    };
6
  })(i);
7
}

总结#

1. IIFE 是 立即执行的函数表达式
2. 它不是自执行，不是必须匿名
3. 为了解决 JS 无块级作用域、全局污染 而诞生
4. 核心用途：创建作用域、闭包保存状态、模块化、避免冲突
5. 是 ES6 之前 JS 最核心的模块化 / 作用域方案