for(var i=0;i<3;i++){

setTimeOut(function(){

console.log(i)

},500)

};

执行结果：3，3,3

----------------------------

JS是单线程的,意味着同一时间只能执行一条语句,所以每个JS执行代码块都会阻塞异步事件的执行,这就意味着当一个异步(鼠标点击事件,ajax,settimeout)发生的时候,他们将排在执行队列的最后等待执行.

可以参考这个

 

所以解决方法是 写一个立即执行的匿名函数用来避免出现被for阻塞的情况：

立即执行的匿名函数写法：

（function （i）{}）（i）；

所以上述函数应该写成：

for(var i=0;i<3;i++){

（function(i){

setTimeOut(function(){

console.log(i)

},500);

})(i);

}