JavaScript代码执行的作用域顺序问题？

Question

var mark2=true;
$(".right").click(function(){

        if(mark2){
           move(1);
           mark2=false;
        }
    })

function move(obj){

             obj.animate({
                    width: arrW[index],
                     height: arrH[index],
                    opacity: arrO[index],
                    left: arrL[index],
                    top: arrT[index]

                },500,function(){
                    mark2=true;
                })
                }
                

点击$(".right") 执行move函数，主要是为了给obj元素添加动画，为了防止$(".right")点击的频率过快，让动画叠加，所以就用 mark2来控制，当动画执行完成后，也就是500毫秒后mark才为true，点击$(".right")才执行，否则不执行，但是我有一个疑问，就是当点击速度大于500毫秒的时候，if语句中的mark都没有执行的机会，又是重新一次点击了，那不是一直叠加动画了吗？因为mark一直为true，好像我这个理解是错误的，因为程序是能正常执行的，所以希望大神指点一下，程序的执行过程

Answer 1

我理解你的问题的核心是 点击速度大于500ms，是这样的，只有在同一个元素上相继触发了mousedown mouseup事件后才会触发 click事件。 触发click事件后才会执行move()

所以你考虑的超时的情况是不会发生的。

Answer 2

你如果想用变量控制，最好把mark2移到最上面，容易看懂点。流程是这样的：
如果你：
点击right -----》运行异步动画-----》mark2 = false ----（0.5s后）----》mark2 = true；

所以不管你怎么点，大于0.5s还是小于0.5s，除非动画已经运行完使得mark2为true，不然if条件那里根本进不来