谜之闭包

我所认识的作用域链
https://juejin.im/post/59535cf66fb9a06bc06a37c6

什么是闭包(Closure)

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

为什么需要闭包

局部变量无法共享和长久的保存,而全局变量可能造成变量污染,所以我们希望有一种机制既可以长久的保存变量又不会造成全局污染。

产生一个闭包

创建闭包最常见的方式:在一个函数内部创建另一个函数

var count=10;//全局作用域 标记为flag1
function add(){
    var count=0;//函数全局作用域 标记为flag2
    return function(){
        count+=1;//函数的内部作用域
        alert(count);
    }
}
var s=add()
s();//输出1
s();//输出2

分析一波:

  • 1. add()的返回值是一个函数,首先第一次调用s()的时候,是执行add()的返回的函数
  • 2. 将count+1,再输出,那count是从哪儿来的的呢,根据作用域链的规则,底层作用域没有声明的变量,会向上一级找,找到就返回,没找到就一直找,直到window的变量,没有就返回undefined。这里明显count 是函数内部的flag2 的那个count。
var count=10;//全局作用域
function add(){
    //var count=0;注释掉了
    return function(){
        count+=1;//函数的内部作用域
        alert(count);
    }
}
var s=add()
s();//输出11
s();//输出12

闭包的作用域链包含着它自己的作用域,以及包含它的函数的作用域和全局作用域。

闭包特点

  • 占用更多内存
  • 不容易被释放

何时使用

既想反复使用,又想避免全局污染

如何使用

  • 1.定义外层函数,封装被保护的局部变量。
  • 2.定义内层函数,执行对外部函数变量的操作。
  • 3.外层函数返回内层函数的对象,并且外层函数被调用,结果保存在一个全局的变量中。

转载于:https://www.cnblogs.com/sunidol/p/11301768.html

闭包是JavaScript中一个重要且强大的概念。它指的是函数能够访问自己定义范围之外的变量,并且这些变量在函数执行完毕后仍然可以被访问到。闭包的应用场景很广泛,它可以用来创建私有变量、实现模块化、延迟执行等等。了解和掌握闭包对于理解JavaScript语言的本质,以及提高代码的可维护性和灵活性都非常有帮助。 从技术的角度来看,所有的JavaScript函数都可以被看作是闭包。因为在函数内部,它们可以访问在函数定义范围之外的变量。这也是为什么在JavaScript中,函数可以在定义之后仍然可以访问外部的变量。 总结起来,闭包是JavaScript中一个非常重要的概念,它能够让函数访问自己定义范围之外的变量,并且这些变量在函数执行完毕后仍然可以被访问到。了解闭包可以帮助我们更好地理解JavaScript语言的本质,并且提高代码的可维护性和灵活性。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [深入理解JavaScript闭包](https://blog.csdn.net/qq_54384868/article/details/130182961)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [JavaScript深入之闭包](https://blog.csdn.net/TZOF_/article/details/117048674)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值