js闭包(1)

先看一个例子

function add(){
    var count = 0;
    function demo(){
        count++;
        console.log(count);
    }
    return demo;
}
var counter = add();
counter();
counter();
counter();
counter();
counter();

先猜一下结果。
按理来说,虽然是连续执行函数,但是应该每次调用demo都是从0开始加上1,
也就是结果应该是连续打印五个1。
但是事实上打印结果是1 2 3 4 5
原因是什么呢?
我们分析一下执行情况
add():
(add) AO{ count = 0; demo = function demo(){} }

demo() :
(demo)AO{}
(add)AO{ count = 0; demo = function demo(){}}
在执行demo时,demo自己的AO里面没有count,所以只能用add()里面的,而执行结束后会立刻销毁自己的AO,所以执行完之后是这样的:

add():
(add) AO{ count = 0; demo = function demo(){} }

demo() :
(demo)AO{}
(add)AO{ count = 1; demo = function demo(){}},

而题中通过return的形式把demo()保存到了外部。这样,demo()的作用域链也就得以保存。即再次调用demo()时将会是在count == 1的基础上实现,那么后来的结果就显而易见了。
那如果我们这么改一下:

function add(){
    var count = 0;
    function demo(){
        count++;
        console.log(count);
    }
    return demo;
}
add()();
add()();
add()();
add()();
add()();
add()();

怎么样?结果会不会发生改变呢?
是会的。因为return出来的demo()并没有被存下来,所以答案将会是我们第一次预测的结果,1 1 1 1 1

现在我们可以说了,上面的现象就是闭包造成的。

当内部函数被保存到外部时,会生成一个闭包。

了解立即执行函数的话可以直接看闭包2

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值