JavaScript中一个函数怎么获得另一个函数中变量

Question

代码如下$(function(){    $('.a').on('click',function(){        var counter=0        counter++    })        $('.b').on('click',function(){        if(counter>=3){            alert(大于3)        }    })})有2个按钮，a和b，点击a，变量counter会增加1。当b按钮点击的时候，如果变量counter大于等于3时，会弹出提示框。因为counter不是全局变量，每次点击之后会被销毁，所以每次counter都是1，如果用闭包，该怎么实现。再不使用全局变量的情况下，b按钮点击的函数中又应该怎么获得a按钮函数中的counter值。

Answer 1

一定要在上层作用域声明的，比如这样

$(function(){

    (function() {

        var counter = 0;

        

        $('.a').on('click',function() {

            counter++;

        });

        

        $('.b').on('click',function() {

            if(counter > 3) {

                alert('大于3');

            }

        });

    })();

})

Answer 2

因为你用匿名函数包装了一层，所以在这个匿名函数内定义的局部变量，在子级函数中是有效的，即你应该：

$(function(){

    var counter=0;

    $('.a').on('click',function(){

        counter++;

    })

    

    $('.b').on('click',function(){

        if(counter>=3){

            alert(大于3);

        }

    })

})

你原来对a的监听函数逻辑会导致counter永远是1，因为每次进入你都是初始化为0，然后加1的。