javascript - 请教一个js的问题
高洛峰
高洛峰 2017-04-11 12:49:45
[JavaScript讨论组]
for(var i=0; i<5; i++) {
    setTimeout(function() {
        console.info(i);
    }, 0);
}
console.info(i);  // 这里为什么输出的是5
高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(9)
巴扎黑

http://www.qdfuns.com/notes/1... 这有详细的解释

PHP中文网

var 声明符是函数作用域,虽然声明 i 的时候是在 for 循环里面,但是 var 有一个申明提升,提升到所在函数顶端,所以在 for 下面也可以访问到 i。
es6 有新的 const 和 let 声明符就是块作用域了。

迷茫

var 声明的是全局变量,虽然你是在for循环代码块内声明的i,但它是全局变量。当打印逻辑执行时,i已经变成了5。用 let 可以声明局部变量。

天蓬老师

如果只是不明白为什么输入5,那应该会简单些,这就是和js作用域只是相关。谢谢!

阿神

js es6之前没有块级作用域概念。var作用域是你词法所在的全局或者函数的执行环境。

怪我咯

js(es5)中,var声明的变量没有块级作用域。
在es6中可以用let声明解决此问题。

for(var i=0; i<5; i++) {
    setTimeout(function() {
        console.info(i);
    }, 0);
}
console.info(i); 

to

(function (){
    for(var i=0; i<5; i++) {
        setTimeout(function() {
            console.info(i);
        }, 0);
    }
})();
console.info(i);  // undefined
高洛峰

前两天写的文章刚好是分析这个的:

https://segmentfault.com/a/11...

贴过来你自己跑下试试,自己照着例子分析一遍最有收获。
希望能帮助到你。

黄舟

定时器延迟执行的原因.

PHP中文网

setTimeout是一个队列函数,它会等到同一作用域下的其它函数、语句执行完了再执行。所以定时器开启的时候,for循环已经结束了,i一直都是5。

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

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