在循环中使用setTimeout

首先,我想说下闭包.何为闭包,闭包是指内层的函数可以引用存在于包围它的函数内的变量,即使外层函数执行已经终止.
其次是JS的线程问题,JS是单线程的,意味着同一时间只能执行一条语句,所以每个JS执行代码块都会阻塞异步事件的执行,这就意味着当一个异步(鼠标点击事件,AJAX,SETTIMEOUT)发生的时候,他们将排在执行队列的最后等待执行.
最后说下setTimeout,setTimeout有2种形式:
setTimeout(code,interval)
setTimeout(func,interval,args)
其中code是一个字符串,这里会用到EVAL()将字符串转换成JS代码执行
func是一个函数
注意"函数"的意义,是一个表达式,而不是一个语句(执行函数)
比如你想周期性的执行一个函数

function aa() {
//todo something
}
setTimeout("aa()",1000);
或setTimeout(a,1000);

注意第二种写法不能写成a()

在循环中使用setTimeout:

function testAnonymous() {
var aa = 0;
var bb = 1;
for(var i = 0; i < 10; i++) {
aa++;
bb++;
setTimeout("testDisplay(" + aa + "," + bb + ")",1000);
//setTimeout(function(){return testDisplay(aa,bb);},1000);
}
}

function testDisplay(aa,bb) {
alert("this is aa = " + aa + " and bb = " + bb);
}

在循环中用字符串拼接的形式可以成功的执行,但是用闭包就会出现每次ALERT出来的结果都是一样的.这是为什么呢?回到刚才说的setTimeout的机制,用字符串拼接的方式每次排队等待的函数里的参数都得到了正确的初始化,而匿名函数里在进入等待队列的时候还没有执行,以至于函数体里的函数参数并没有被初始化,等到FOR循环结束,再执行匿名函数的时候aa和bb的值已经是最后一次的值了,所以不管怎么ALERT都是一样的结果.

字符串拼接的代码是比较丑陋,但是某些时候也没有其他办法可以解决,如果不在循环中,完全可以用闭包的形式来替代字符串拼接,这样能够更好的组织代码,使代码看上去更直观.
展开阅读全文

没有更多推荐了,返回首页