javascript - for 循环中的setTimeout(function(){})异步问题,为什么改var 为let就可以解决?
ringa_lee
ringa_lee 2017-04-10 16:53:00
[JavaScript讨论组]
1 for (var i=1; i<=9; i++) {
2     setTimeout( function timer(){
3     console.log( i );
4     },1000 );
5 }

上面的代码,由于setTimeout是异步的,那么在真正的1000ms结束前,其实10次循环都已经结束了
为什么改成let这样就可以解决?

1 for (let i=1; i<=9; i++) {
2     setTimeout( function timer(){
3         console.log( i );
4     }, 1000 );
5 }

还有另外一种方法,改成

1 for (var i=1; i<=9; i++) {
2     (function(j){
3         setTimeout( function timer(){
4             console.log( j );
5         }, 1000 );
6     })( i );
7 }

我觉得这种方法也是在timer()之外传入了参数i,跟一开始那个错误的代码并没有什么区别啊,为什么多加一层匿名函数就可以解决异步问题?

ringa_lee
ringa_lee

ringa_lee

全部回复(3)
伊谢尔伦

这两种方法都不是解决异步问题的,而是解决变量作用域的问题的。

因为函数 timer() 属于一个新的域,通过 var 定义的变量是无法传入到这个函数执行域中的,于是有了你展示的两种解决办法,第一种是通过使用 let 来声明块变量,这时候变量就能作用于这个块,所以 timer 就能使用 i 这个变量了。第二种是通过传入参数,间接的把变量传入到 timer 中。

高洛峰

在闭包中,变量是沿着作用域链进行访问的,这样就只能访问变量的最终值。而利用函数参数传值就可以达到预期的要求。多看看 闭包 作用域链的相关知识点就明白了。javascript 高级程序设计一书对这点讲解的特别详细。

PHPz

仔细看了一遍~,setTimeout写在for循环里面,相当于执行了9个setTimeout(),用var声明的变量是函数级变量,可以被这9个setTimeout()共享,用let声明的是块作用域,只能被单个setTimeout()引用,而且setTimeout执行在for之后,等于是过一会,同时执行了9个setTimeout函数,不同意见,求回复~

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号