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的。