闭包与立即执行函数的妙用：私有化变量，提升代码复用性

2023-09-03 03:19:06

闭包与 IIFE：揭秘 JavaScript 中的私有数据宝库

在现代 JavaScript 开发中，闭包和立即执行函数 (IIFE) 是必不可少的工具。它们赋予我们强大的功能，可以创建具有私有变量的函数，封装代码块并提高代码复用性。

闭包：数据保密的卫士

闭包是一种在 JavaScript 中创建具有私有变量的函数的强大机制。私有变量只允许函数内部访问，外部代码无法直接修改它们。这种封装层有助于保护数据安全，防止意外更改。

要创建闭包，我们将一个函数作为另一个函数的参数传递：

function outerFunction() {
  let privateVariable = 10;

  return function innerFunction() {
    return privateVariable;
  };
}

const inner = outerFunction();
console.log(inner()); // 输出 10

在这里，innerFunction 可以访问外部函数 outerFunction 的私有变量 privateVariable，但外部代码无法直接访问它。

IIFE：即时执行的代码奇观

IIFE 是 JavaScript 中另一种巧妙的技术，它允许我们在函数创建后立即执行它。这可以通过在函数末尾添加一对圆括号来实现：

(function() {
  // 立即执行的代码
})();

IIFE 通常用于封装代码块，防止它们影响全局作用域。它们还可以提高代码复用性，因为我们可以轻松地将函数定义和执行捆绑在一起：

const module = (function() {
  // 模块私有变量和方法
  return {
    // 公共 API
  };
})();

通过这种方式，我们可以创建模块化代码，其中私有实现与公共 API 分离。

闭包与 IIFE 的联袂演出

闭包和 IIFE 可以完美结合，为我们提供更大的灵活性。例如，我们可以使用闭包来创建私有变量，并使用 IIFE 来立即执行函数，如下所示：

const counter = (function() {
  let count = 0;

  return function() {
    return ++count;
  };
})();

console.log(counter()); // 输出 1
console.log(counter()); // 输出 2