对JS闭包的简单理解

直接上代码

function f1() {
   var n = 999;
    add = function () {
        n++;
    }
    function f2() {
        return n;
    }
    return f2;
}
var a = f1();
console.log(a());	//999

上面代码中声明了一个a全局变量,把f1函数执行的结果赋值给了a,此时a指向的是f2,输出的结果是f1函数内的局部变量n的值999

var a = f1();
console.log(a());	//999
add();
console.log(a());	//1000

再看上面的代码,最后输出的是1000,说明add函数执行成功了。这是因为f1函数中声明了一个add变量,它没有用var去定义,所以当f1函数执行的时候,add变量被定义在了全局,同时它在f1函数中被赋予了一个方法,而它也是一个闭包,所以可以在外部执行。

闭包可以理解为能够读取和操作其他函数内部变量的函数。

它还有一个特点就是内存不会被销毁。上述输出的值是999和1000,这就证明了在执行f1函数后,它的变量并没有被销毁,因为它的子函数f2被赋给了一个全局变量,导致了f2始终在内存中,而f2的存在依赖于f1,因此f1也始终在内存中,不会在调用结束后被垃圾回收机制回收。

下面的各位看官可以

add();	//add is not defined
var a = f1();
console.log(a());
console.log(a());

把它放在执行f1函数之前会报错,因为它还没有被创建定义。

var a = f1();
var b = f1();
console.log(a());	//999
console.log(b());	//999
add();
console.log(a()); 	//999
console.log(b()); 	//1000

看此时的输出结果,只有最后输出的是1000,因为重新执行了f1函数赋值给了b,相当于全局变量add又重新被赋值了一次,此时add变量指向的内存地址是b,所以它只会改变b函数指向中变量的值。

参考阮一峰的文章:
http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值