js中for循环结合计时器的写法
1.在for循环中我们调用了一个方法,但是发现如下写法无法实现每隔一秒执行一次的效果,总是一下子返回了所有结果
for (let i = 0; i < 5; i++) {
setTimeout(() => {
aaa() //无法实现让aaa两秒后进入下次循环,总是一下子给出所有结果
}, 1000);
}
2.为什么会一次输出所有值?
参考 https://www.cnblogs.com/hahazexia/p/9446585.html 这里总结的很详细
原因:当js代码运行到有定时器的地方的时候,会把定时器操作放在任务队列的尾部,然后跟它说:“你先排队吧,还没有轮到你,因为同步代码还没有执行完。” 也就是说,js认为setTimeout是一个异步操作,必须让它排队,它只能在同步代码执行结束后才能执行。
定时器并不是同步的,它会自动插入任务队列,等待当前文件的所有同步代码和当前任务队列里的已有事件全部运行完毕后才能执行。 在所有同步代码执行完毕之后,for循环里的i值早已变成了5,循环已经结束
3.使用闭包改变作用域在每次循环中存储i 实现每隔一秒执行一次for循环中内容
for (var i = 0; i < 5; i++) {
(function(i) {
setTimeout(function() {
aaa() //每秒一次
}, i * 1000);
})(i);
}