for循环中的setTimeout()

for(var i = 0;i<3;i++){setTimeout(function(){console.log(i)  },1000)
};

打印结果：三个3

原因分析：setTimeout()是一个异步处理函数，它会等待所有的主线程任务处理完，才开始执行自己的内部的任务，每隔1s往任务队列中添加一个任务【闭包函数，setTimeout()中的函数，现在还没执行】，当主线程执行完时，这时i=3，

才开始执行任务队列中的任务【闭包函数，setTimeout()中的函数开始执行，执行三次】。

for循环括号内的就是主线程，执行完时i是3，所以会打印出3次3；

如果想打印出0,1,2

解决方案：

把var改为let，let是块极作用域，每次for循环都会把对应的i绑定到添加的任务【闭包函数，setTimeout()中的函数】中,所以当主线程执行完时，也不会影响到每个任务中i。所以可以打印出0 1 2

把定时器放在一个自执行函数中用i当做参数

(function(i){setTimeout(function(){console.log(i);},1000)
})(i)

转载于:https://www.cnblogs.com/funny-code123/p/9765856.html

for循环中的setTimeout()相关推荐

[译]JS闭包:For循环中的setTimeout
译者:嘴里起了个泡原文地址: wsvincent.com/javascript-- 这篇文章详细介绍了JS在执行for循环里面的 setTimeout() 语句的时候发什么了什么.这是面试中经常会被 ...
for循环中var和let的区别
今天在做题的时候,遇到了一个不太懂的问题,经过查阅资料,终于搞明白了这个问题,发出来当做个笔记. 首先是var: for (var i = 0; i < 5; i++) { setTimeout ...
R语言循环中break函数和next函数使用实战
R语言循环中break函数和next函数使用实战目录 R语言循环中break函数和next函数使用实战 #基础for循环 #带break的for循环
Vue指令之v-for——迭代数组、迭代对象中的属性、迭代数字||v-for循环中key属性的使用
v-for循环普通数组 v-for循环对象数组 v-for循环对象 v-for迭代数字 v-for循环中key属性的使用 <!DOCTYPE html> <html lang=&qu ...
html页面如何循环遍历,遍历foreach循环中的HTML DOM元素
5 个答案: 答案 0 :(得分:3) 您可以使用closest('tr')查找最近的父tr元素,然后使用index()获取行号.试试这个: $('td').click(function() { va ...
matlab for 取数组,for循环中的MATLAB和单元格数组处理
for循环中的MATLAB和单元格数组处理我是MATLAB新手,想从数据库中提取一个单元格数组中的数据: sensors = [ 1] [23] [1] [ 0] [0.1000] [1x29 ch ...
[vue] v-for循环中key有什么作用？
[vue] v-for循环中key有什么作用? 四个字: 性能优化,简述: 让vue在更新数据的时候可以更有针对性的个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢 ...
python循环中的else_python 循环中else的简单示例
导读热词对python这个高级语言感兴趣的小伙伴,下面一起跟随编程之家 jb51.cc的小编两巴掌来看看吧! 众多语言中都有if else这对条件选择组合,但是在python中还有更多else使用的地 ...
java sleep 循环_while循环中的Thread.sleep（）
我注意到NetBeans警告我在我的Java代码中使用while循环中的Thread.sleep(),所以我已经对这个主题进行了一些研究 . 主要问题似乎是性能问题,当计数器仍处于休眠状态时,你的状态 ...
oracle双重for循环sql,Oracle 11g中for循环中的PL / SQL限制
我有一个大约有3000万条记录的表,并且我想像这样循环遍历表中存在的记录: FOR i IN (SELECT * FROM tbl_items it Left join location lo ON ...

for循环中的setTimeout()

for循环中的setTimeout()相关推荐

最新文章

热门文章