成都网站建设设计

将想法与焦点和您一起共享

javascript闭包浅析-创新互联

什么是闭包

根据官方语言解释:一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
按照我的理解:但是你只需要知道应用的两种情况即可——函数作为返回值,函数作为参数传递。理解了这两种情况,你基本上知道闭包是怎么回事了;
解说一下:
通常来说,JS里面当一个函数被调用完成之后,window会自动将这个函数的作用域给销毁掉,这个作用域里面的变量也随之被销毁,这个是浏览器的自动垃圾回收机制,但是有些时候,一个函数被叼用完成之后,这个函数却不会被销毁掉,这个就是闭包的核心内容了;

成都创新互联专注于企业营销型网站、网站重做改版、朔州网站定制设计、自适应品牌网站建设、H5高端网站建设购物商城网站建设、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为朔州等各大城市提供网站开发制作服务。

函数作为返回值:
javascript闭包浅析
javascript闭包浅析

产生差异的原因:两个情况的作用域不同
函数作为返回值的时候,fn_A1,它的作用域是处在fn_A里面,所以,fn_A1在执行的时候,它首先找到max是fn_A里面的max,而不是全局作用域里面的max,
这个例子里面:当fn_A 这个方法在执行的时候,它会产生一个相应的作用域,在它执行完成的时候,按照道理来说,window会自动销毁这个作用域的,但是事实上,没有办法这么做。因为这个方法它返回的是一个函数,这个函数也需要创建一个作用域,而且,这个函数中,它需要用到一个自由变量max,而且这个max是fn_A这个作用域下面的,因此,这个max不能被销毁,从而导致了fn_A这个作用域也没有被销毁到;因此fn_B在执行的时候(实质上是执行fn_A1,下面以fn_A1来说),过程大概如下图一样
在执行fn_A1的时候,它需要用到max这个变量,但是这个函数的作用域里面没有这个变量,所以往上一层去寻找,在fn_A这作用域里面找到的max,并且它的值是10,
javascript闭包浅析

这里的重点就在于,在创建fn_A1的时候,fn_A已经执行结束了,但是fn_A的作用域还没有被销毁掉,这里就形成了一个闭包,因此,fn_A1还能在fn_A的作用域里面找到max,如果fn_A的作用域被销毁了,那么max就找不到了;
使用闭包会导致内存开销的增加,过多的使用闭包会可能导致内存泄漏,从而造成浏览器的运行速度降低甚至浏览器奔溃;

函数作为参数传递的时候,fn_A1它的作用域是处在全局的作用域里面,即使它作为参数传给了fn,但是在fn执行的时候,实际上仍然是fn_A1在执行,而fn_A1在用到max的时候,它首先找到的是全局作用域的max
函数作为参数传递
javascript闭包浅析
javascript闭包浅析

下一期我将会针对JavaScript 的数据类型---对象,继续展开讨论,敬请期待哦!
javascript闭包浅析
睿江云计算官网:http://www.eflycloud.com/home?from=RJ_0024

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前文章:javascript闭包浅析-创新互联
本文链接:http://chengdu.cdxwcx.cn/article/ccedid.html