关于settimeout 和for循环
时间 2019-11-22
标签
关于
settimeout
循环
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);
}