请教一个js的问题

Question

for(var i=0; i<5; i++) {
    setTimeout(function() {
        console.info(i);
    }, 0);
}
console.info(i);  // 这里为什么输出的是5

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

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

Answer 6

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

Answer 7

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

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

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

Answer 8

定时器延迟执行的原因.

Answer 9

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