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

问题描述

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，好像我这个理解是错误的，因为程序是能正常执行的，所以希望大神指点一下，程序的执行过程

问题解答

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

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

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

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