闭包的轮回转世 - 03 - 闭包与即时调用表达式

**序：闭包轮回** 

我们开启了一场闭包的轮回之旅，领略了它的前世，即闭包的概念与本质。本期，我们把目光投向它的今生——闭包与即时调用表达式（IIFE）之间的爱恨纠葛。

**一、何为 IIFE** 

何谓 IIFE？即时调用表达式（Immediately Invoked Function Expression）的简称。顾名思义，它便是“立竿见影”地调用一个表达式，而这个表达式恰好是定义一个匿名自调用（self-invoked）的功能。

IIFE 的示法如下：

```js
(function() {
  // IIFE 体，可访问闭合的变量
  // ...
}());

二、IIFE 的使命

IIFE 并非闲得无趣，实则肩负着两大使命：

1. 模块化： 保护隐私
   闭包的天性，赋予了 IIFE 天然的模块化屏障。IIFE 体内的变量与方法，与外界隔绝，只供内部享用，隐私不外泄。

2. 立即性： 立马就跑
   IIFE 顾名思义，就是立即调用的，不待吩咐。它能回避提升阶段，加快运行速率。

三、闭包与 IIFE 的姻缘

IIFE 与闭包，可谓天作之合。IIFE 虽非闭包，但它却携带者闭包的“私生子”——词法闭合。词法闭合为 IIFE 披上了一层隐秘的面纱，让它在调用时只认“娘家”不认“婆家”——只眷顾自身内部的作用链，而与外界的作用链一刀两断。

四、举个栗子

话说到此，不如以一个 IIFE 为例，解解馋：

// 给 div#box 变色
(function($box) {
  $box.css('background-color', 'red');
})(($('#box')));

有了 IIFE 这位“大红娘”的保驾护航，$box 与其 css() 方法成了神仙眷侣，对外界的干扰免疫，只听从 IIFE 的使唤，将 div#box 染成一片火辣的红。

五、IIFE 的妙用

IIFE 的妙用，远不止此。它在前端开发中，频频展露头角，大有用武之地。

1. 模块包装： 将一段脚本封装成一个私有的模块，既可避免全局污染，又可提升可控性。
2. 数据私有化： 创建一个私有的数据存储区，防止意外篡改或泄露。
3. 异步回调： 立即调用一个回调，避免回调地狱的苦海无涯。
4. 自运行脚本： 在加载即时脚本时，立即启动。

六、结：感悟闭包

闭包，仿佛编程世界中的一个黑盒子，一度让人望而却步。但当我们拨开重重迷雾，才发觉它的本质在于词法闭合，在于它对自身的作用链的坚守。而即时调用表达式，正是闭包在现实舞台中绽放异彩的化身。

闭包与 IIFE 的这段轮回转世，为我们上了生动的一课：领会闭包的奥秘，驾驭 IIFE 的威力，我们在纷繁复杂的编码之旅中，将游刃有余，挥洒自如。