闭包：从实践中领悟的真谛

前端

2023-11-02 05:30:32

引言

闭包，这个晦涩难懂的概念，常让初学者望而生畏。但正如英语单词构筑起语言框架，这些看似抽象的知识也为我们的技术理解搭建基石。抛开枯燥的说教，让我们跟随大神的脚步，从实践应用中揭开闭包的神秘面纱。

什么是闭包？

闭包是一个包含函数的函数，它允许内层函数访问并操作外层函数的局部变量，即使外层函数已经执行完毕。就好比一个秘密包裹，内层函数携带着外层函数的变量，即便外层函数执行结束，这些变量也不会被销毁。

应用场景

闭包在实际应用中发挥着至关重要的作用，例如：

事件处理： 闭包允许事件处理函数访问封装在事件对象中的数据，即使事件触发函数已经执行完毕。
异步编程： 闭包可用于在异步回调中访问函数执行时的变量，从而实现数据共享。
模块化： 闭包可将相关函数和数据封装成模块，提高代码的可重用性和可维护性。

从实践中领悟

要真正理解闭包，最好的方法就是亲自动手实践。以下是一些实际示例：

用闭包实现计数器：

function counter() {
  let count = 0;
  return function() {
    return ++count;
  };
}

const myCounter = counter();
console.log(myCounter()); // 输出: 1
console.log(myCounter()); // 输出: 2

在这个例子中，外层函数 counter() 返回一个闭包，它内部嵌套了变量 count。即使 counter() 函数执行完毕，myCounter() 闭包仍然可以访问 count 并对其进行递增。

用闭包实现延迟执行：

function delay(fn, ms) {
  return function() {
    setTimeout(fn, ms);
  };
}

const delayedFunction = delay(() => console.log("延迟执行"), 1000);
delayedFunction(); // 1 秒后输出: "延迟执行"