JS闭包

最近在学习javascript设计模式,基本上设计模式都是依靠闭包实现的。虽然接触闭包的概念很早了,但一直都没有去深入了解,仅仅知道有闭包这个概念,但是在学习设计模式的过程中发现,如果对闭包的原理不熟悉的话,设计模式的学习也会存在问题,所以终于决定花些心思去深入了解一下闭包,以下是整理出来的内容。

参考资料:
1. 阮一峰老师–学习Javascript闭包(Closure)
2. javascript设计模式与开发实践
3. 你不知道的javascript 上卷

引入(整理自阮一峰老师的博客)

变量的作用域分全局变量和局部变量,出于种种原因,有时候需要访问函数内的局部变量。但是正常情况下这是访问不到的,那么应该怎么办呢?

那就是在函数的内部,再定义一个函数。

function f1(){
    var n = 999;
    function f2(){
        alert(n); // 999
    }
}

如代码所示,f2可以读取f1中的局部变量,那么只要把f2作为返回值,就可以在f1外部读取它的内部变量

function f1(){
    var n = 999;
    function f2(){
        alert(n);
    }
    return f2;
}

var result = f1();
result(); // 999

上面代码中的f2函数即是闭包,由此引入闭包的概念

闭包就是能够读取其他函数内部变量的函数。
由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成”定义在一个函数内部的函数”。
所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。

闭包的用途

  1. 读取函数内部的变量
  2. 让这些变量的值始终保持在内存中
function f1(){
    var n = 999;
    nAdd = function(){ n+=1 }
    function f2(){
        alert(n);
    }
    return f2;
}
var result = f1();
result(); // 999
nAdd();
result(); // 1000

参考以上代码,对于闭包用途第二点让局部变量一直保存在内存中,解释如下:

由于f1是f2的父函数,而f2被赋给了一个全局变量,这导致f2始终在内存中,而f2的存在依赖于f1,因此f1也始终在内存中,不会在调用结束后,被垃圾回收机制(garbage collection)回收。

深入了解闭包

未完待续

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值