浅谈一下对闭包的理解

本文详细解释了JavaScript中闭包的概念,包括其定义、形成原理及应用实例,强调了闭包能够读取并保存其他函数内部变量的特性,同时提醒开发者注意闭包可能导致的内存消耗问题。

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

闭包:   闭包就是能够读取其他函数内部变量的函数!
有权访问另一个函数作用域内变量的函数都是闭包,或者说一个函数访问了他的外部变量,那么他就是一个闭包。

如果将window看成一个大的环境,var 定义的全局变量,可以被任何函数访问到,由此可以理解为任何一个函数都是一个闭包。正如MDN所说:“在JavaScript中,每当创建一个函数,闭包便产生!”


闭包的用途:1、可以读取函数内部的变量
                     2、可以让这些变量始终保存在内存之中    

注意:      闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题。
                 解决方法是,在退出函数之前,将不使用的局部变量全部删除。 Object = null;


以嵌套函数为例:子函数能够读取父函数中的变量,但父函数反过来不能够读取子函数的变量;
多层嵌套函数:
function A(x) {
  function B(y) {
    function C(z) {
      console.log(x + y + z);
    }
    C(3);
  }
  B(2);
}
A(1); // logs 6 (1 + 2 + 3)  A
在这个例子里面,C可以访问B的y和A的x。这是因为:

1、B形成了一个包含A的闭包,B可以访问A的参数和变量
2、C形成了一个包含B的闭包
3、B包含A,所以C也包含A,C可以访问B和A的参数和变量。换言之,C用这个顺序链接了B和A的作用域
反过来却不是这样。A不能访问C,因为A看不到B中的参数和变量,C是B中的一个变量,所以C是B私有的。

### 闭包的概念 闭包是指一个函数与其词法环境的绑定,这种绑定使得该函数可以在其创建之后仍然能够访问到定义时所处的作用域内的变量[^1]。当内部函数作为返回值从外部函数中返回时,即使外部函数已经完成执行,内部函数依然可以访问外部函数中的局部变量。 #### 词法作用域 JavaScript采用的是静态(或称为词法)作用域规则,在编写代码的时候就已经决定了变量的作用范围。这意味着子函数会记住并持有对外部父级函数环境中声明的所有变量的引用关系,无论这些子函数在哪里被执行[^2]。 ### 工作机制 每当创建一个新的函数时,默认情况下都会形成一个指向当前上下文环境的新链表节点,并将其附加给新函数的对象属性[[Scope]]上。这个过程发生在编译阶段而非运行期。因此,一旦某个内嵌函数被保存下来供以后调用——例如赋值给了全局命名空间下的变量或是传递到了其他地方,则它携带了自己的私有副本连同整个链条上的所有外层作用域一起保留了下来[^3]。 ```javascript function createCounter() { let count = 0; function counter() { count += 1; console.log(`Count is now ${count}`); } return counter; // 返回内部函数counter() } const myCounter = createCounter(); myCounter(); // 输出 "Count is now 1" myCounter(); // 输出 "Count is now 2" ``` 在这个例子中,`createCounter()` 函数创建了一个名为 `counter` 的内部函数,并且将此内部函数作为一个整体与当时存在的任何自由变量(这里是 `count` 变量)关联起来形成了闭包。每次调用 `myCounter()` 实际上调用了之前由 `createCounter()` 构建的那个特定版本的 `counter` 函数实例及其对应的封闭状态。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值