for循环和setTimeout
来源:互联网 发布:高速摄像机知乎 编辑:程序博客网 时间:2024/05/17 04:06
for(var i=1;i<6;i++){
setTimeout(function timer(){console.log(i)
},i*1000);
}
这个程序最后输出的是五个6,而不是1到5的迭代。
首先,JS的执行是单线程的,当遇到setTimeout()定时器时,JS都默认不会执行其中的回调函数,而是继续执行其他的JS函数,直到所有JS脚本都解析完毕,才会回来执行setTimeout()中的回调函数。
所以,在执行for()循环的同时,会向下执行setTimeout(),只是中间的回调函数在任务队列中排队等待执行,也就是说,在执行回调函数之前已经有五个定时器了。
因为回调函数是最后执行的,这时for()循环已经执行完毕,i的值经过迭代,变成了6,由于变量i是被封闭在一个共享的全局作用域中,因此,i的值并没有因为每次的迭代而产生一个i的副本。
如果要实现1到5迭代的效果,那么,可以将上述的JS代码改成如下:
for(var i=1;i<6;i++){
(function(i){setTimeout(function timer(){
console.log(i);
},i*1000);
})(i)
}
在迭代内部执行IIFE会为每个迭代生成一个新的作用域,使得回调函数可以将新的作用域封闭在每个迭代内部。
0 0
- for循环和setTimeout
- for循环和setTimeout模拟ext进度条
- for循环与setTimeout
- for循环中的setTimeout()
- js for循环 setTimeout与setInterval测试
- js关于for循环里的setTimeout
- for循环中加入延时函数setTimeout
- 关于for循环中引用setTimeout
- js for循环中加settimeout问题
- for循环中setTimeout使用注意
- flex在for循环中使用setTimeout
- for循环中执行setTimeout问题
- 让我理解闭包和’经典setTimeout,for循环的面试题‘的文章
- 关于阿里的笔试题for循环中嵌套setTimeout
- for循环里面的方法用setTimeOut定时调用
- 【javascript知识进阶】关于for循环中定义setTimeout
- for循环和while循环
- while循环和for循环
- 言叶之庭经典台词
- comparator接口与Comparable接口的区别
- [poj1260] Pearls DP斜率优化
- 【ProtoBuf】对 ProtoBuf 的调研
- 非标准数据块表空间+获取已存在的表空间数据块的大小+创建非标准数据块表空间
- for循环和setTimeout
- aapt.AaptException: Failed to crunch file
- 覆盖的面积 HDU
- 并行计算
- jvm参数设置 -vmargs -Xms128M -Xmx512M -XX:PermSize=64M -XX:MaxPermSize=128M
- APP开发实战170-ABI管理和SO文件的使用简介
- 支持ajax 跨域调用的WCF搭建
- Struts2 接收参数的三种方式
- springmvc利用validation框架实现数据校验