闭包详解

本文深入浅出地介绍了JavaScript中的闭包概念及其工作原理,通过实例详细解析了闭包如何通过作用域链实现变量的持久引用,同时探讨了闭包的优点与潜在的内存泄漏问题。

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

在看这篇文章以前我希望你对作用域链有深刻的了解,如果不是请先看我的这篇文章点击打开链接

闭包通俗的来说就是在一个函数里面返回了另一个函数,另一个函数引用着这个函数里面的变量,导致这个函数执行结束的时候,它的上下文不会被销毁,直到被返回的函数执行完毕。

闭包的作用: 实现公有变量、可以做缓存、可以实现封装,属性私有化。

闭包的缺点:造成内存泄漏。

下面直接上例子吧,看这个例子需要你对作用域链有深刻的理解。

在上面的例子中依次发生,进入全局环境- -->预编译生成Global Object 其中a是被定义会生成[[scope]] --> a函数被执行,预编译生成AO对象加入到a的[[scope]]中,其中b函数被定义生成它的[[scope]] --> 返回b,b未被执行。

 在b返回之前,也就是a函数执行完毕之前看下面这张图。

此时,因为b的[[scope]]存储着a的上下文的引用,所以不像之前写作用域那样来画的,而是以这种形式,a, b的[[scope]]指向两个相同的地方。

此时当函数返回的时候,a函数执行完毕,此时会销毁当前的上下文,也就是去掉指向,像下面这样。

由于a的上下文还被b引用着,所以,不会被销毁,在b中仍然可以沿着作用域链找到a的变量,这样最终就造成了闭包

注意:函数执行完毕的时候,只销毁当前的函数的上下文。而且假如b是在a函数内部执行的话,当b执行完毕的时候,销毁它的上下文,当a执行完毕的时候,会彻底将b的[[scope]]销毁

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值