IIFE（立即调用函数表达式）：闭包妙招，深入解析与妙用！

输入
温故系列の闭包系列02：IIFE

参考

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第3天，点击查看活动详情 严格来讲，IIFE并不是闭包，因为它并不满足函数成为闭包的三个条件。但一般地，人们认为IIFE就是闭包，毕

输出

引子

在JavaScript的世界里，闭包是一种神奇而实用的工具，它允许函数访问其定义作用域之外的变量，从而实现数据和函数的封装。IIFE（立即调用函数表达式）正是闭包的具体实现之一，它巧妙地利用立即执行的函数，将数据和函数封装在一个独立的作用域中，实现信息隐藏和模块化。

揭开IIFE的神秘面纱

要理解IIFE，首先需要知道什么叫做函数表达式。函数表达式类似于函数声明，只不过它没有函数名，而是使用一个匿名的函数体。我们可以在JavaScript代码中直接使用函数表达式，也可以将其赋值给一个变量。

IIFE，顾名思义，就是一个立即调用的函数表达式。它的基本语法格式如下：

(function() {
  // 函数体
})();

注意，这里有一个自执行的函数调用，用一对括号将函数表达式括起来，并紧跟一个分号。这样，函数就会立即被调用，而不是等待被显式调用。

深入IIFE的运作原理

IIFE的运作原理很简单，就是利用JavaScript的词法作用域规则。词法作用域意味着函数可以访问其定义作用域内的所有变量，即使这些变量在函数执行时已经不复存在。

当IIFE被立即调用时，它会创建一个新的执行上下文，这个上下文将成为函数的词法作用域。函数中的所有变量和参数都存储在这个执行上下文中，即使在函数执行结束后，这些变量和参数也不会被销毁，而是继续存在于内存中。

IIFE的妙用

IIFE的妙用有很多，这里仅列举几个最常见的：

• 数据封装： IIFE可以将数据和函数封装在一个独立的作用域中，从而实现信息隐藏和模块化。这有助于提高代码的可维护性和可重用性。
• 私有变量： IIFE中的变量是私有的，这意味着它们只能在IIFE内部访问，外界无法直接访问。这有助于保护敏感数据，防止它们被意外修改或泄露。
• 模块化： IIFE可以将代码组织成一个个独立的模块，每个模块都有自己的作用域和变量。这有助于提高代码的可维护性和可重用性，并便于代码的复用和维护。
• 函数执行顺序： IIFE可以控制函数的执行顺序。通过IIFE，我们可以确保某些函数在其他函数之前执行，从而实现特定的代码执行顺序。

结束语

IIFE是一种强大而实用的工具，它可以帮助我们封装数据和函数，提高代码的可维护性和可重用性。通过理解IIFE的定义、特点和妙用，我们可以在实际开发中熟练地运用IIFE，从而提升我们的JavaScript技能。