闭包

最新推荐文章于 2025-04-24 23:33:53 发布

原创最新推荐文章于 2025-04-24 23:33:53 发布 · 154 阅读

0 ·

CC 4.0 BY-SA版权

前端面试同时被 2 个专栏收录

53 篇文章

订阅专栏

javascript

20 篇文章

订阅专栏

本文详细解释了闭包的概念及其工作原理，并探讨了闭包可能导致的内存泄漏问题。通过具体示例展示了如何创建闭包，以及闭包如何保持对外部变量的引用，从而可能导致内存泄漏。最后提供了解决内存泄漏的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

闭包是指有权访问另一个函数作用域中变量的函数。创建闭包的常见方式，就是在一个函数内部创建另一个函数。

无论什么时候在函数中访问一个变量时，就会从作用域链中搜索具有相应名字的变量。一般来讲，当函数执行完毕后，局部活动对象就会被销毁，内存中仅保存全局作用域（全局执行环境的变量对象）。但是闭包的情况又有所不同，由于闭包会携带包含它的作用域，因此会比其他函数占用更多的内存。

如下为一个闭包的实例：

function init() {
    var name = "Mozilla"; // name 是一个被 init 创建的局部变量
    function displayName() { // displayName() 是内部函数,一个闭包
        alert(name); // 使用了父函数中声明的变量
    }
    displayName();
}
init();

init() 创建了一个局部变量 name 和一个名为 displayName() 的函数。displayName() 是定义在 init() 里的内部函数，仅在该函数体内可用。displayName() 内没有自己的局部变量，然而它可以访问到外部函数的变量，所以 displayName() 可以使用父函数 init() 中声明的变量 name 。但是，如果有同名变量 name 在 displayName() 中被定义，则会使用 displayName() 中定义的 name 。

因此闭包具有以下三个特点：

1、函数内部嵌套函数；

2、内部函数可以访问外部函数的变量；

3、闭包的参数和变量不会被回收。

闭包的作用：

设计私有变量及方法

闭包的缺点：

常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。

导致的内存泄漏

循环引用

闭包可能会导致在不经意间创建循环引用。因为函数是必须保存在内存中的对象，所以位于函数执行上下文中的所有变量也需要保存在内存中：

function outerFn() {
    var outerVar = {};
    function innerFn() {
        console.log(outerVar);
    }
    outerVar.fn = innerFn;
    return innerFn;
};

这里创建了一个名为 outerVar 的对象，该对象在内部函数innerFn()中被引用。然后，为 outerVar 创建了一个指向 innerFn()的属性，之后返回了innerFn()。这样就在 innerFn() 上创建了一个引用outerVar的闭包，而outerVar又引用了innerFn()。

这会导致变量在内存中存在的时间比想象得长，而且又不容易被发现。这还不算完，还有可能会出现比这种情况更隐蔽的引用循环：

function outerFn() {
    var outerVar = {};
    function innerFn() {
        console.log('hello');
    }
    outerVar.fn = innerFn;
    return innerFn;
};

这里我们修改了innerFn()，不再招惹 outerVar。但是，这样做仍然没有断开循环引用。
即使innerFn()不再勾引 outerVar，outerVar 也仍然位于innerFn()的封闭环境中。由于闭包的原因，位于 outerFn()中的所有变量都隐含地被 innerFn()所引用。我们再想一想，在 java 中的内部类不也是类似当前情况吗，内部类能够‘看’外部的 this。此时此刻，正如彼时彼刻，竟如此相像。因此，闭包会使意外地创建这些引用循环变得易如反掌。