JS中的闭包是什么？如何实现？

裘德小鎮的故事

发布时间：2025-06-09 21:57:01

509人浏览过

来源于php中文网

原创

闭包是指函数能够访问并记住其词法作用域，即使在其作用域外执行。1. 闭包通过嵌套函数引用外部函数变量实现；2. 常见实现方式包括函数返回函数或将函数作为参数传递；3. 实际用途有封装私有变量、数据缓存、柯里化函数和事件回调；4. 使用时需注意内存占用、调试困难和性能影响等问题，应合理控制生命周期以避免资源浪费。

JS中的闭包是什么？如何实现？

闭包在JavaScript中是一个非常常见但又容易让人困惑的概念。简单来说，闭包是指一个函数能够访问并记住其词法作用域，即使该函数在其作用域外执行。换句话说，闭包让函数可以“记住”它被创建时的环境。

什么是闭包？

闭包并不是某种特殊的语法，而是一种自然的语言特性。当你在一个函数内部定义另一个函数，并将这个内部函数返回或者传给其他函数使用时，就形成了闭包。

举个简单的例子：

function outer() {
  let count = 0;
  return function inner() {
    count++;
    console.log(count);
  };
}

const counter = outer();
counter(); // 输出1
counter(); // 输出2

在这个例子中，inner函数就是一个闭包。它“记住”了外部函数outer中的变量count，即使outer已经执行完毕，count仍然没有被销毁。

如何实现闭包？

闭包的实现其实并不复杂，只要满足以下两个条件即可：

存在一个嵌套函数（函数内部定义的函数）
内部函数引用了外部函数的变量

这两个条件一满足，JavaScript引擎就会自动创建闭包，保留外部函数的作用域供内部函数使用。

实现闭包的常见方式包括：

函数返回另一个函数（如上面的例子）
将函数作为参数传递给另一个函数（例如事件处理、定时器等）

来看一个实际开发中常见的场景：

function setupTimer(name) {
  let time = 0;
  setInterval(function() {
    time += 1;
    console.log(`${name}: ${time}秒`);
  }, 1000);
}

setupTimer("任务A");

这里的匿名函数就是一个闭包，它访问了setupTimer函数中的变量name和time。即使setupTimer已经执行完，这些变量也不会被垃圾回收机制回收。

闭包的实际用途有哪些？

闭包在实际开发中有很多用途，比如：

封装私有变量：避免全局变量污染，模拟模块或类的私有属性。

html5动态显示媒体视频播放器代码
html5动态显示媒体视频播放器代码,这个我们在企业网站或者教学网站会用到，教学网站，有一些视频要播放，那么就会用到播放器，可以参考源码，看看播放器的效果是如何实现的，php中文网推荐下载！

下载
```
const counter = (function() {
  let count = 0;
  return {
    increment: () => ++count,
    get: () => count
  };
})();
```
数据缓存：保存某些状态信息，比如计数器、配置项等。
柯里化函数：通过闭包保持部分参数，逐步接收剩余参数。
事件回调：在异步操作中保留上下文信息。