for(var i=0;i<5;++i){
setTimeout(function(){
console.log(i+ ' ');
},100);
} 以上代码执行的结果是?
[单选题]
每次循环进来之后，由于setTimeout()，内部的匿名函数并没有立即执行，而是等到100ms后，而此时i早已变为5。
1）可以利用匿名函数创建立即执行函数（或者叫模仿跨级作用域）来解决这个问题；
for(var i=0;i<5;++i){
(function(num){
setTimeout(function(){
console.log(num+ ' ');
},100);
})(i);
}
创建立即执行函数并传入参数i。 因为函数的参数是按值传递的，所以i的当前值就赋值给了num，并传递给了setTimeout 中的闭包，在闭包中保存了i当前值的一个副本。
看到这里是不是要给我点个赞呢！
2）也可以使用ES6中的 let命令
for(let i=0;i<5;++i){
setTimeout(function(){
console.log(i+'');
},100);
}
编辑于 2017-08-22 10:59:56
回复(7)
首先：理解for循环是同步的，setTimeout是异步的。
1）for循环是同步的，setTimeout是异步的，每执行一次for循环就会把一个setTimeout放到异步队列里。
2）所以for循环执行5次异步队列里就有5个setTimeout。
3）同步的执行完就会执行异步的，所以等到第5个for循环结束之后，才去执行异步队列的setTimeout。
其次：理解var let 以及for循环的全局作用域。（结果为55555）
1）for(var i=0;i<5;++i){} 相当于var i; for( i=0;i<5;++i){} 也相当于let i; for( i=0;i<5;++i){} (注意let i也是在全局声明的)
2）此时的i是全局变量，setTimeout里访问的都是全局变量的i.
3）i是1时setTimeout里的i也是1，i是2时setTimeout里的i也是2。。。最后全局的i变成5了，才去执行异步队列的setTimeout，所以此时异步队列访问到的i就都是5.
最后：重点理解 let 用于for循环的块级作用域（局部作用域）。（结果为01234）
1）for(let i=0;i<5;++i){} let在for循环里是有块级作用域的。
此时的i是for循环块级作用域里的i， 传到{}里的i是什么，setTimeout里访问到i就是什么，因为此时setTimeout访问的i不再是全局变量的i，而是传进来的局部变量i。（注意：也是for循环执行完毕之后，才去执行5个异步队列的setTimeout的）
2）如果用var 声明i，也可以用闭包来模仿块级作用域（局部作用域）。
for(var i=0;i<5;++i){
(function(num){
setTimeout(function(){
console.log(num+ ' ');
},100);
})(i);
}
创建立即执行函数并传入参数i。 因为函数的参数是按值传递的，所以i的当前值就赋值给了num，并传递给了setTimeout 中的闭包，在闭包中保存了i当前值的一个副本。
编辑于 2021-12-20 12:54:15
回复(2)
问题信息
-
扫描二维码，关注牛客网
- 意见反馈
-
下载牛客APP，随时随地刷题
扫一扫，把题目装进口袋
- 求职之前，先上牛客
-
扫描二维码，进入QQ群
扫描二维码，关注牛客公众号
- 公司地址：北京市朝阳区北苑路北美国际商务中心K2座一层-北京牛客科技有限公司
- 联系方式：010-60728802 投诉举报电话：010-57596212（朝阳人力社保局）
- 牛客科技© All rights reserved admin@nowcoder.com
- 京ICP备14055008号-4 增值电信业务经营许可证 营业执照 人力资源服务许可证
-
京公网安备
11010502036488号
来源：牛客网
更加详细的解释：注意理解困难的根本原因就是在循环的过程中，匿名函数根本就没有立即执行，证明的方法很简单，就是在匿名函数的后面加上()，输出结果会很明朗01234。正因为没有立即执行，所以在循环的过程中，匿名函数没有及时访问到每一个变量，这样外部函数循环完成之后，匿名函数才执行开始访问外部函数的变量，而这时变量的值早已成为最后一个