初学者的闭包指南：JS 中的独特语法特性

2024-02-08 12:37:13

在 JavaScript 中，闭包是一种独特的语法特性，允许函数访问函数外的变量。函数就像一个拥有自己独立环境的小世界，里头存放着该函数独有的变量（称为局部变量）。不过，闭包赋予了函数一个特殊的能力：它可以让函数访问外层环境的变量，也就是函数定义范围之外的变量，包括全局变量和父函数的局部变量（称为自由变量）。

闭包的形成很简单，只要函数内部使用了某个外层作用域的变量，该变量就会被「俘获」（capture），从而形成闭包。此时，即使该函数已经结束执行，它所俘获的变量仍旧存在，因为这些变量被存储在了闭包之中。这种特性让闭包变得非常有用，可以在各种场景下发挥作用，包括：

数据封装：闭包可以将变量隐藏在函数内部，从而实现数据封装，防止外界的访问和修改，提高程序的安全性。
函数柯里化：闭包可以实现函数柯里化，即把一个多参数的函数转换为一个单参数函数，使之更易于使用和组合。
事件处理：闭包经常用于事件处理中，可以保存事件处理函数执行时所处环境的变量，从而实现对事件的正确响应。

总体来说，闭包是一种非常强大且灵活的语法特性，可以帮助你编写更简洁、更可复用的代码。不过，闭包也会带来一些问题，比如增加内存消耗，以及可能导致内存泄漏。因此，在使用闭包时，要权衡利弊，避免过度使用。

现在，让我们通过一个简单的例子来理解闭包的用法。假设我们有一个函数，用于计算某个商品的总价。这个商品的价格可能随着时间变化，因此我们需要使用一个闭包来捕获商品的价格变量，以便在函数执行时获取最新的价格。

function calculateTotalPrice(price) {
  // 定义一个内部函数，用于计算总价
  function calculateTotalWithTax(quantity) {
    // 这里使用了闭包捕获的 price 变量
    return price * quantity * 1.1; // 1.1 表示 10% 的税率
  }

  // 返回内部函数
  return calculateTotalWithTax;
}

// 定义商品的价格变量
let productPrice = 100;

// 使用闭包计算总价
const calculateTotal = calculateTotalPrice(productPrice);

console.log(calculateTotal(5)); // 输出 550（5 * 100 * 1.1）

// 改变商品的价格
productPrice = 120;

console.log(calculateTotal(5)); // 输出 660（5 * 120 * 1.1）

在这个例子中，calculateTotalPrice 函数返回了内部函数 calculateTotalWithTax，而 calculateTotalWithTax 函数则闭包捕获了 productPrice 变量。这样，即使 productPrice 在外部发生了改变，calculateTotal 函数仍然可以使用最新的价格来计算总价。

希望这篇通俗易懂的讲解能让你对闭包有更深入的理解。如果你还有其他问题，随时提出，我会尽力解答。