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);
}