初识JavaScript闭包-通过面试（上）

最新推荐文章于 2025-12-05 08:37:05 发布

原创

最新推荐文章于 2025-12-05 08:37:05 发布 · 1k 阅读

CC 4.0 BY-SA版权

文章标签：

本文详细解析了JavaScript中的闭包概念，通过实例解释了闭包的工作原理及其在模块化和内存管理中的应用。同时，探讨了内存泄漏的原因和如何避免，介绍了浏览器的垃圾回收机制，并给出了排查内存泄漏的提示。

在前面的文章中，我们分别介绍了

它们也都是了解闭包知识的前置概念，在我们平常的面试中，也经常会考察闭包的相关的知识，以此来考察面试者对JavaScript的掌握程度。

今天让我们来深入理解闭包。

闭包没有官方固定的概念，简单来说闭包是，函数嵌套函数时，内层函数引用外层函数作用域下的变量，并且内层函数在全局环境下可访问，这就是闭包。

下面我们来看一个简单的闭包例子

function numGen() {
   
   
  let n = 1
  n++
  return () => {
   
   
    console.log(n)
  }
}

let getNum = numGen()
getNum()

在上面例子中，numGen函数内创建了一个变量n，然后返回一个匿名函数打印n的值，在外部我们通过返回的这个函数getNum来访问变量n，所以当numGen函数执行完毕后，相关调用出栈后，变量n不会消失，仍可继续被外部访问。

通过断点，我们可通过Chrome开发工具清楚的看到JavaScript引擎的执行过程

变量n的值被标记为Closure，也称为闭包变量。

再回过头来看我们前面所说的闭包概念，就更容易理解了。

正常情况下在全局作用域中我们是无法访问到函数内部的变量的，在函数执行过后，函数上下文被销毁。但如果在函数中，返回了另一个函数，且这个函数使用了上层函数的变量，那么在全局作用域中我们就能通过这个函数来获取它上层函数里的变量值。这也就是闭包的原理。

知道了什么是闭包之后，那么你可能就会有疑问，这个闭包到底有什么用呢？

首先我们知道闭包可以让我们在外部访问到函数内部的变量，所以我们可以通过利用闭包来实现“模块化”。

同时在许多框架的源码中，比如Redux源码的中间件实现，其中也会大量使用闭包。

内存管理计算机的基本概念，不论使用什么语言开发，对内存的管理无外乎也就是分配内存，读写内存，释放内存。

var foo = 'bar' // 分配内存
alert(foo