JavaScript 闭包

最新推荐文章于 2025-11-29 13:42:57 发布

原创最新推荐文章于 2025-11-29 13:42:57 发布 · 207 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文深入探讨了JavaScript中的闭包概念，它允许函数访问并操作外部作用域的变量，即使在其定义的作用域之外。闭包在内存管理上起到关键作用，防止变量过早释放。通过示例代码展示了如何创建和使用闭包，特别是在函数工厂和模块模式中的应用。理解闭包对于优化JavaScript代码和管理作用域至关重要。

概述

闭包就是指有权访问另一个函数作用域中的变量的函数

概念

机制

当前函数执行，会形成一个私有的上下文，函数执行完后，当前执行上下文中的某些内容，被当前上下文以外的内容所占用，那么当前上下文就不能被释放。

思路

函数执行 -> 形成私有上下文环境。
函数执行完成 -> 当前执行上下文环境中的某些内容，被当前执行上下文外的内容所引用。
当前执行上下文不能被释放 -> 当前执行上下文中的变量就不会销毁释放。

例子

const a = 4;
function f(a) {
    let variate = 4;
    const c = function () {
        // 2. 函数 f 执行完成 ，执行函数 f 时形成私有的上下文环境中的变量 variate 被函数 c 中的内容所引用
        // 每次调用 result() 都会从 函数 f 的执行上下文中寻找变量 variate 来引用
        variate++;
        console.log(variate + a);
    }
    return c;
}

// 1. 执行函数 f ，会形成 f 私有的上下文环境
const result = f(a);
// 3.  函数 f 并没用被释放，变量 variate 也就没用被销毁，而是还存在

// 每次运行 result() 使用的 variate 会递增
result(); // 9
result(); // 10
result(); // 11
result(); // 12