请教一个js的问题

for(var i=0; i<5; i++) {
    setTimeout(function() {
        console.info(i);
    }, 0);
}
console.info(i);  // 这里为什么输出的是5
阅读 3.8k
9 个回答

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...

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

新手上路,请多包涵

定时器延迟执行的原因.

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

推荐问题
宣传栏