IIFE：JavaScript 中的立即执行函数表达式

2023-11-18 06:30:03

IIFE 简介

在 JavaScript 中，IIFE（立即执行函数表达式）是一种立即执行的函数。它允许您在定义函数时立即调用它，而无需先声明它。IIFE 通常用于创建闭包、避免全局变量污染、防止变量泄漏以及其他一些用途。

IIFE 语法

IIFE 的基本语法如下：

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

函数体可以包含任何有效的 JavaScript 代码，包括变量声明、函数定义、条件语句等。在函数体执行完毕后，IIFE 就会结束。

IIFE 工作原理

IIFE 的工作原理很简单。当 JavaScript 引擎遇到 IIFE 时，它会立即执行 IIFE 函数。这意味着 IIFE 函数中的代码会在函数定义之后立即执行，而无需先声明函数。

IIFE 的常见用法

IIFE 有许多常见的用法，包括：

创建闭包：IIFE 可以用来创建闭包，从而可以访问外部作用域中的变量，即使外部函数已经执行完毕。
避免全局变量污染：IIFE 可以用来避免全局变量污染，因为 IIFE 函数中的变量是局部变量，不会污染全局作用域。
防止变量泄漏：IIFE 可以用来防止变量泄漏，因为 IIFE 函数中的变量在函数执行完毕后就会被销毁。
模块化开发：IIFE 可以用来实现模块化开发，因为 IIFE 函数可以作为一个独立的模块来使用。

IIFE 的代码示例

以下是一些 IIFE 的代码示例：

// 立即执行一个简单的函数
(function() {
  console.log('Hello, world!');
})();

// 使用 IIFE 创建一个闭包
var counter = 0;
(function() {
  counter++;
  console.log('Counter: ' + counter);
})();

// 使用 IIFE 避免全局变量污染
var globalVariable = 'global';
(function() {
  var localVariable = 'local';
  console.log('Global variable: ' + globalVariable);
  console.log('Local variable: ' + localVariable);
})();

// 使用 IIFE 实现模块化开发
(function() {
  // 模块代码
})();