JavaScript 中的闭包是一个常见的概念，它在前端开发中经常被用到。如果你正在学习 JavaScript，那么了解闭包是很重要的。本文将介绍 JavaScript 闭包存储的位置以及如何使用它们。
什么是闭包？
在 JavaScript 中，闭包是指能够访问自由变量的函数。简单来说，闭包就是一个函数和其相关的引用环境组合而成的实体。所谓引用环境，就是指该函数执行时所处的作用域链，其中包含了外部环境的词法环境。
下面是一个简单的闭包示例：
-- -------------------- ---- ------- -------- ------- - --- - - --- -------- ------- - --------------- - ------ ------ - --- -- - -------- ----- -- -- --展开代码
在这个示例中，inner 函数可以访问 outer 函数中定义的变量 x。当 outer 函数返回 inner 函数时，inner 函数的执行上下文仍然可以访问 outer 函数的词法环境，因此可以访问 x 变量。
闭包存储的位置
在 JavaScript 中，闭包存储在堆内存中。由于闭包需要访问外部环境中的自由变量，因此在函数执行完毕后，其执行上下文不会被销毁，而是保存在堆内存中。由于闭包的存在，如果你不小心引用了一个函数中的自由变量，那么这个变量将一直存在于内存中，直到闭包被销毁。
下面是一个示例：
-- -------------------- ---- ------- -------- ------- - --- - - --- -------- ------- - --------------- - ------ ------ - --- --- - -------- --- --- - --------展开代码
在这个示例中，我们创建了两个闭包，即 fn1 和 fn2。每个闭包都有自己的词法环境，并且可以访问 outer 函数中定义的变量 x。当 outer 函数返回 inner 函数时，inner 函数的执行上下文被保存在堆内存中。因此，在这个示例中，我们创建了两个独立的闭包，并且它们都存储在堆内存中。
如何使用闭包
闭包的主要作用是实现函数式编程中的柯里化、高阶函数和模块化等功能。下面是一个简单的柯里化示例：
-- -------------------- ---- ------- -------- ------ - ------ ----------- - ------ - - -- - - --- ---- - ------- --------------------- -- -- - --------------------- -- -- --展开代码
在这个示例中，我们定义了一个 add 函数，它返回一个闭包。当我们调用 add(5) 时，它返回一个新的函数，这个函数可以将传入的参数和之前的参数相加，并返回结果。因此，我们可以创建一个新的函数 add5，它可以将传入的参数和 5 相加。
总结
JavaScript 闭包存储在堆内存中，由于闭包需要访问外部环境中的自由变量，因此在函数执行完毕后，其执行上下文不会被销毁，而是保存在堆内存中。闭包的主要作用是实现函数式编程中的柯里化、高阶函数和模块化等功能。在编写 JavaScript 代码时，应该注意避免引用过多的自由变量，以免造成内存泄漏问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31272
